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

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

<webwriter-automaton nodes='[{"id":"2caa051b-74ce-4304-86ad-06472ea6b45d","label":"q1","x":-2439,"y":2380,"initial":true},{"id":"0d671cc7-4d5a-430b-9026-a0ca8a2b7658","label":"q2","x":-2296,"y":2380,"initial":false}]' transitions='[{"id":"01364ee3-7c3a-472f-8164-f1dd3a84de39","from":"2caa051b-74ce-4304-86ad-06472ea6b45d","to":"0d671cc7-4d5a-430b-9026-a0ca8a2b7658","symbols":["a"],"label":"a"},{"id":"9ade8fb1-1bc3-42d9-8b72-d91ca610f100","from":"0d671cc7-4d5a-430b-9026-a0ca8a2b7658","to":"0d671cc7-4d5a-430b-9026-a0ca8a2b7658","symbols":["a"],"label":"a"}]'></webwriter-automaton>