Graphviz is the best option in my opinion. Graphviz is the premiere graph rendering/layout library; it’s mature, stable, open-source, and free of charge. It is not a dedicated flowchart or diagramming package, but its core use case–i.e., efficient and aesthetic rendering of objects comprised of nodes and edges, obviously subsumes flowchart drawing–particularly because its api … Read more
You can define default values in order to avoid repetition: digraph g{ node[fillcolor=red]; barn; house; … node[fillcolor=green]; farm; … edge[color=red]; barn -> house; edge[color=green]; barn –> farm; house –> farm; } Real variables are not supported. A more complex workaround would be to use gvpr – graph pattern scanning and processing language. gvpr reads and … Read more
The current version of Graphviz.app does not contain the “external editor” button shown in rampion’s screenshot above – Or the Render/Stop buttons, and it has replaced the “settings” button with “attributes”. However, it can be used as described. I downloaded ‘graphviz-2.27.20101110.0545.pkg’ from http://graphviz.org/Download_macos.php. Note that there are several places to download various things which call … Read more
I thought this was an interesting question, so I made an example alluvial diagram using d3: http://nickrabinowitz.com/projects/d3/alluvial/alluvial.html And, because d3 is so good at animation, and I thought it would look cool, I made an animated version as well: http://nickrabinowitz.com/projects/d3/alluvial/alluvial-dynamic.html It doesn’t cover everything you might want, but hopefully it will provide some basis. The … Read more
Use the edge attribute statement, as stated in the DOT Language documentation. digraph graphname { subgraph clusterA { node [shape=plaintext,style=filled]; edge [arrowhead=normal,arrowtail=dot]; 1 -> 2 ; 2 -> 3 -> X2 -> 5; 6; 7; label = “A”; color=blue } }
It can be done using nodeA -> nodeB [style=invis]
I have no alternative to your usage of dir, but i can make it slightly shorter, if you want horizontal alignment, use the rankdir property of graph, to force direction from left to right. digraph { rankdir=LR; a->b; c->a [dir=”back”]; }
digraph { A; B; C subgraph Rel1 { edge [dir=none, color=red] A -> B -> C -> A } subgraph Rel2 { edge [color=blue] B -> C C -> A } }
Well, as with most questions…soon after I posted the I figured out the answer. I needed to add graph [overlap=false]; at the top of the file. Do it like this: graph g { overlap = false; node [shape=record,height=.1]; /* … */ }
“Sometimes the answer is ‘no’.” So, no. GraphViz lacks the notion of “named styles” seen in word processors like Microsoft Word and LibreOffice, and lacks the style “class” notion from HTML and CSS. Its formatting attributes are more primitive and, in many cases, must be explicitly stated. You can set some defaults, as in its … Read more