@webwriter/automaton/snippets/example.html

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

<webwriter-automaton verbose nodes='[{"id":"1d027ee9-10a5-44ed-82db-56f75f27c817","label":"q1","x":-220,"y":-106,"initial":true},{"id":"f9445c8a-b577-4da1-9efc-f8dc0723e2b2","label":"q2","x":-2,"y":-110},{"id":"df4d3c23-c3b7-4ad4-ae76-ad457ec6dd88","label":"q3","x":-218,"y":108,"final":true},{"id":"eb3e35cd-b6be-4287-ab23-b31dad121d15","label":"q4","x":-7,"y":109,"final":true}]' transitions='[{"id":"a7eefd06-1404-46c4-98c5-b534da394897","from":"1d027ee9-10a5-44ed-82db-56f75f27c817","to":"f9445c8a-b577-4da1-9efc-f8dc0723e2b2","symbols":["a"],"label":"a"},{"id":"468211a6-2801-40c9-a5b8-44f5ce67856e","from":"f9445c8a-b577-4da1-9efc-f8dc0723e2b2","to":"eb3e35cd-b6be-4287-ab23-b31dad121d15","symbols":["a"],"label":"a"},{"id":"33b325d1-c428-4ad1-89b6-b5c7a2039b36","from":"eb3e35cd-b6be-4287-ab23-b31dad121d15","to":"df4d3c23-c3b7-4ad4-ae76-ad457ec6dd88","symbols":["a"],"label":"a"},{"id":"e46e61d0-365a-473f-805a-70c4bf2a725d","from":"f9445c8a-b577-4da1-9efc-f8dc0723e2b2","to":"df4d3c23-c3b7-4ad4-ae76-ad457ec6dd88","symbols":["b"],"label":"b"},{"id":"3ffed4af-a4b6-4028-ae27-5061fc470b01","from":"df4d3c23-c3b7-4ad4-ae76-ad457ec6dd88","to":"1d027ee9-10a5-44ed-82db-56f75f27c817","symbols":["a","b"],"label":"a, b"},{"id":"f9d7c091-53cd-4080-8fec-3ff6506e565a","from":"eb3e35cd-b6be-4287-ab23-b31dad121d15","to":"eb3e35cd-b6be-4287-ab23-b31dad121d15","symbols":["b"],"label":"b"},{"id":"eadd57cc-8269-4a08-b6ca-ecf9a113ae91","from":"1d027ee9-10a5-44ed-82db-56f75f27c817","to":"1d027ee9-10a5-44ed-82db-56f75f27c817","symbols":["b"],"label":"b"}]'></webwriter-automaton>