ChartCraft
Open studio
State Diagram Updated 7/25/2026

Traffic Light State Diagram

State diagram of a traffic light sequence from Start to End, showing transitions through Red, Red+Amber, Green, and Amber in the typical cycle.

state diagramtraffic lightsfinite state machinecontrol systemssequence
6 nodes 6 connections

How can I use this state diagram?

Download the Traffic Light State Diagram as a PNG or SVG, or open it in the studio to edit your own copy. To draw a similar state diagram from a description, use the state diagram generator; for notation and a step-by-step walkthrough, read how to draw a state diagram; and browse more state diagram examples for related layouts.

Related diagrams

More examples with overlapping tags

State Diagram 9/6/2026

Order Status State Transition Diagram

State transition diagram of an order lifecycle, from pending payment through processing, shipping, delivery, returns, cancellation, and refund outcomes. It also includes exception paths such as backordered and lost in transit.

order statusstate machineecommerceshippingreturnsrefunds
State Diagram 8/29/2026

Thermostat State Machine

State machine for a thermostat showing how it moves between Idle, Heating, Cooling, Off, and Lockout from Start to End. It captures the operating modes and the transitions between normal control and safety lockout states.

state machinethermostathvac controlheating and coolinglockout
State Diagram 8/29/2026

Media Player State Machine

State machine for a media player showing the main playback states: start, stopped, playing, paused, buffering, error, and end, with transitions between user actions and playback conditions.

state machinemedia playerplayback statesbufferingerror handling

Try the studio with your own description.

Type any system, process, or schema in plain English. ChartCraft will draw it in seconds.

Open Studio → More examples