StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>To do this in graphviz is fairly straightforward; there are a couple of syntax patterns you need: (i) syntax to represent the line-to-line connection (the "T"-junction in your plots above); (ii) syntax to enforce the hierarchical structure (i.e., nodes of same generation on the same plane on the vertical axis). It's easier to show:</p> <pre><code>digraph G { nodesep=0.6; edge [arrowsize=0.3]; "g1" -> "g2" -> "g3" -> "g4" { rank = same; "g1"; "King"; "ph1"; "Queen"; }; { rank = same; "g2"; "ph2"; "ph2L"; "ph2R"; "ph2LL"; "ph2RR" }; { rank = same; "g3"; "ps1"; "ps2"; "pr1"; "pr2" }; "King" -> "ph1" [arrowsize=0.0]; "ph1" -> "Queen" [arrowsize=0.0]; "ph1" -> "ph2" [arrowsize=0.0]; "ph2LL" -> "ph2L" [arrowsize=0.0]; "ph2L" -> "ph2" [arrowsize=0.0]; "ph2" -> "ph2R" [arrowsize=0.0]; "ph2R" -> "ph2RR" [arrowsize=0.0]; "ph2LL" -> "ps1" [arrowsize=0.0]; "ph2L"-> "pr1" [arrowsize=0.0]; "ph2R" -> "ps2" [arrowsize=0.0]; "ph2RR" -> "pr2" [arrowsize=0.0]; } </code></pre> <p>The code above will produce the graph below (i omitted the code i used to color the nodes). I left vislble the "guide" on the left (g1->g2....) just to show you how i enforced the positions among nodes of equal rank, you'll probably want to make it invisible in your own plots. Finally, the nodes with the labels beginning with 'ph' are the placeholder nodes for the "T-junctions."</p> <p><a href="http://img525.imageshack.us/img525/352/fmtree2.png" rel="nofollow noreferrer">alt text http://img525.imageshack.us/img525/352/fmtree2.png</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload