Add a State

What is a Finite State Machine?

From Wikipedia: “A finite-state machine (FSM) or finite-state automaton (FSA, plural: automata), finite automaton, or simply a state machine, is a mathematical model of computation. It is an abstract machine that can be in exactly one of a finite number of states at any given time.”

The FSM will transition from one state to another based on given inputs. For example, we can model a traffic light with an FSM:

Finite state machine model of traffic light

Where the inputs are t=0, when no time has elapsed, and t=1, when enough time has elapsed for the traffic light to change states. The FSM communicates that if we are in the green state, after t=1 amount of time we will be in the yellow state.

Here are some resources if you’d like to read more:

Built by Joshua Taylor.

How to use this thing

To Add a State:


Drag in a state from the panel on the far left.


To Add an input:


Hover over a created state, hold down shift, then hold down the left click and drag your mouse to another state.


To Move Something:


Hold down the left click on an input or state and start dragging it around.


To Edit State Details and Colors:


Right click on the state.


To Edit Input Details and Colors:


Left click on the Input.