This application draws Architecture Canvas diagram with following procedure.

1. Creating structured data.
2. Converting the data into a diagram script written in Graphviz's DOT language.
3. Generating SVG element from the DOT script by using Viz.js (Graphviz Client).
4. Modifying SVG element by JavaScript. 

The diagram DOT script generated in the step 2 are available in the browser's console.

You can use them in other Graphviz tools like viz-js.com.