Viz.js

This page is taken from http://mdaines.github.io/viz.js/form.html.
It is modified in order to allow selection of all (10) supported layout engines (and not only "dot" and "neato").
See side-by-side diff here and diffs 2 and 3. [New engines will be added to GraphvizFiddle soon]

General Commands Manual

// Graph for forum question "Problem on Circo Layout" // // http://graphviz.org/content/problem-circo-layout // digraph G { subgraph { node [shape=box style=filled color=red] a b A } subgraph { node [shape=box] x y z D } subgraph { node [style=filled color=lightblue] B C } R [root=true] A -> B -> D A -> C -> D a -> C -> x b -> C -> y R -> C -> z // C [height=4 width=4] // 1. comment in to see problem // mindist=2.5 // 2. comment in to fix problem }

Output format:

Layout engine:

neato animation