Graphviz dynamic graph

digraph G {
          subgraph cluster_0 {
            style=filled;
			class="a-side 2000";
            color=lightgrey;
            node [style=filled,color=white];
            a0 -> a1 -> a2 -> a3;
            label = "Cluster 0";
			a0 [class="somenodes"];
			a3 [class="somenodes"];

subgraph cluster_0_1 {
			  class="a-side 2003";
              style=filled;
              color=lightblue;
              node [style=filled,color=white];
              a0_1 -> a1_1;
              label = "Cluster 0_1";
			  subgraph cluster_0_1_1 {
			  class="a-side 2003";
              style=filled;
              color=lightgrey;
              node [style=filled,color=white];
              a2_1 -> a3_1;
              label = "Cluster 0_1_1";
              }
            }
          }

subgraph cluster_1 {
            class="b-side 2005";
            node [style=filled];
            b0 -> b1 -> b2 -> b3;
            label = "Cluster 1";
            color=blue;

subgraph cluster_1_1 {
              class="b-side 2008";
              style=filled;
              color=lightblue;
              node [style=filled,color=white];
              b0_1 -> b1_1 -> b2_1 -> b3_1;
              label = "Cluster 1_1";
			  
            }
          }

start -> a0;
          start -> b0;
          a1 -> b3[class="crosscluster"];
          b2 -> a3[class="crosscluster"];
          a3 -> a0;
		  a1_1 -> a2_1;
          a3 -> end;
          b3 -> end;
          a0_1 -> b0_1 [class="crosscluster"];
          start [shape=Mdiamond, fillcolor="white", color="black"];
          end [shape=Msquare, fillcolor="white", color="black"];
        }

Click on Nodes to highlight/unhighlight connected edges, click on clusters to collapse/expand.

Expanded Clusters

Hide/Highlight

Hide/Highlight Categories