@webwriter/automaton/snippets/nfa/example-simple.html

Build, visualize and interactive automata of different kinds (DFA, NFA, PDA).

<webwriter-automaton nodes='[{"id":"1aaa26fe-e982-4d1b-ace9-043db9263431","label":"q1","x":-148,"y":-33,"initial":true},{"id":"2b54610b-9df4-441c-9c70-145e5f144abe","label":"q2","x":31,"y":-32}]' transitions='[{"id":"f397674b-03aa-4326-ab7e-09cffb2063b3","from":"1aaa26fe-e982-4d1b-ace9-043db9263431","to":"2b54610b-9df4-441c-9c70-145e5f144abe","symbols":[""],"label":"ε"},{"id":"b3c6f6b3-4490-48c3-837e-5c1cd7840f8f","from":"1aaa26fe-e982-4d1b-ace9-043db9263431","to":"1aaa26fe-e982-4d1b-ace9-043db9263431","symbols":["a"],"label":"a"},{"id":"ae1e0a59-743e-4c86-a9a1-6e5e6d390c47","from":"2b54610b-9df4-441c-9c70-145e5f144abe","to":"2b54610b-9df4-441c-9c70-145e5f144abe","symbols":["b"],"label":"b"}]' type="nfa"></webwriter-automaton>