We admire the construction of this diagram. We note especially the dot language features used and the orderly construction in 25 editing steps.
digraph { rankdir=LR node [shape=box style=filled] edge [dir=none] subgraph cluster_G { subgraph cluster_A { label="Governance" node [width = 2.5, height = .5] Guardians [fillcolor=yellow] Research [fillcolor=green] Members [fillcolor=lightblue label="Member Ecosystem"] { rank=same Guardians Research Members } } subgraph cluster_P { URL="http://platform.earth" label="Platform" node [shape=square, width = .5, height = .5] { rank=same Accounting Deliberation Participation } Accounting [fillcolor=red, label=""] Deliberation [fillcolor=darkgreen, label=""] Participation [fillcolor=blue, label=""] } } Guardians -> Accounting Research -> Deliberation Members -> Participation Participation -> Deliberation -> Accounting }
digraph { rankdir=LR node [shape=box style=filled]
This much is routine
edge [dir=none]
Edges are directed thus considered in layout but not drawn with arrow heads.
subgraph cluster_G { subgraph cluster_A { ... } subgraph cluster_P { ... } }
The nested clusters organize nodes without regard for edges enumerated later.
URL="http://platform.earth" label="Platform"
Cluster properties similar to those of nodes.
node [width = 2.5, height = .5] node [shape=square, width = .5, height = .5]
Regular node shape and size specified and thus insured.
{ rank=same Guardians Research Members } { rank=same Accounting Deliberation Participation }
Brackets here create a subgraph but not a cluster. Rank choices are min, max, source, sink and same. graphviz ![]()
One can learn something of drawing strategy by stepping through all 25 versions of this diagram captured in the journal and noting the incremental improvements.