Create a diagram HTML5 HTML parsing algorithm

Question

HTML5 describes an algorithm for parsing HTML. It is based on state machines. What is the best way to create a diagram for this algorithm?

Answer 1

Perhaps a UML state machine diagram? See also: 'State diagram'

Answer 2

If you use Dot and GraphViz to create the state machines (example: www.graphviz.org/Gallery/directed/fsm.html) then you can use CanViz (www.ryandesign.com/canviz/) to display it on an HTML5 canvas.