Draw finite state machines directly on the canvas, then export as PNG, SVG, or LaTeX.
How to use
- 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 backspace)
- Make accept state: double-click an existing state
- Numeric subscript: use underscore, e.g.
S_0 - Greek letter: use backslash, e.g.
\beta - Resize canvas: Drag the bottom right corner
Built with HTML5 canvas, based on Evan Wallace’s FSM designer (2010).