Export as: PNG | SVG | LaTeX | JSON | Upload JSON

The big white box above is the FSM designer.  Here's how to use it:

• Add a state: double-click on the canvas
• Add an arrow: shift-drag on the canvas
• Move something: drag it around
• Delete something: click it and press the delete key (not the backspace key)

• Circle radius:
  30
• If you just want to add more text: Toggle drawing the selected node's circles
• Click here to clear everything: Clear everything
• Make accept state: double-click on an existing state
• Type numeric subscript: put an underscore before the number (like "S_0")
• Type greek letter: put a backslash before it (like "\beta") with space at the end
• Additional symbols: Type "\emptyset" for ∅, "\rightarrow" for →, and "\leftarrow" for ← with space at the end.
• To undo/redo ctrl+z/ctrl+y
• Move viewport: click on canvas background and move mouse around