/*
* Hi, I Frankensteined this tool. Basically it's three different javascript
* tools, put together. Mind you, this runs ENTIRELY in javascript, and no
* data is EVER transmitted to me or any other server. This file is licensed
* as beer-ware, feel free to use it any way you like. The tools used have
* different licenses and requirements, check them out.
* The first tool is Viz.js (https://github.com/mdaines/viz.js), which is
* Graphviz compiled for javascript - cool stuff.
* Second is the Ace editor (http://ace.c9.io/), that's the javascript code
* editor you see right here.
* Finally svg-pan-zoom (https://github.com/ariutta/svg-pan-zoom), that makes
* SVG (the bit on the right) zoomable and panable.
* The example below is stolen from http://www.graphviz.org/content/cluster.
*/
digraph G {
subgraph cluster_0 {
style=filled;
color=lightgrey;
node [style=filled,color=white];
a0 -> a1 -> a2 -> a3;
label = "process #1";
}
subgraph cluster_1 {
node [style=filled];
b0 -> b1 -> b2 -> b3;
label = "process #2";
color=blue
}
start -> a0;
start -> b0;
a1 -> b3;
b2 -> a3;
a3 -> a0;
a3 -> end;
b3 -> end;
start [shape=Mdiamond];
end [shape=Msquare];
}