Data input:
Generate C# output (look to developer console for errors):
Export as: PNG
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)
- Select some nodes: click on empty space and select, click ctrl to select disjoint areas
- Move and zoom: use wheel and wheel mouse click to move and zoom view
- 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")
This was made in HTML5 and JavaScript using the canvas element.