Public
Edited
Sep 19, 2020
2 stars
Insert cell
Insert cell
Insert cell
dot`
digraph G {
node [ shape = "Mrecord" ];
subgraph cluster_A {
style = rounded;
label = "{x|y|z}";
NodeA [label="{a|b|c}"];
NodeB [label="{d|e}"];
NodeA -> NodeB;
};
subgraph cluster_B {
style = rounded;
label = <<table border="0" cellborder="1" cellspacing="0"><tr><td>xx</td><td>ww</td></tr><tr><td>yy</td></tr><tr><td>zz</td></tr></table>>;
NodeC [label =<<table border="0" cellborder="1" cellspacing="0"><tr><td>aa</td><td>gg</td></tr><tr><td>bb</td></tr><tr><td>cc</td></tr></table>>];
NodeD [label=<<table border="0" cellborder="1" cellspacing="0"><tr><td>dd</td><td>hh</td></tr><tr><td>ee</td></tr></table>>];
NodeC -> NodeD;
};
}
`
Insert cell
Insert cell
dot`
digraph G {
compound=true;
node [ shape = "Mrecord" ];
subgraph cluster_0 {
style = rounded;
label = "Zero";
Node_0_0 -> Node_0_1;
};
subgraph cluster_1 {
style = rounded;
label = "One";
Node_1_0 -> Node_1_1;
};
subgraph cluster_2 {
style = rounded;
label = "Two";
Node_2_0 -> Node_2_1;
};
NodeA [ style = rounded ];
NodeA -> Node_0_0 [lhead = cluster_0];
NodeA -> Node_1_0 [lhead = cluster_1];
NodeA -> Node_2_0 [lhead = cluster_2];
}
`
Insert cell
Insert cell
dot`
digraph G {
rankdir="LR";
"deploy.ps1" [shape=box, style=rounded];
resourceGroupEntry [shape=box, style=rounded];
AA [shape=box, style=rounded];
BB [shape=box, style=rounded];
CC [shape=box, style=rounded];

subgraph cluster_0 {
label="deploy.ps1";
style=rounded;
a0 -> a1;
}

subgraph cluster_1 {
label="resourceGroupEntry";
style=rounded;
r0;
}

"deploy.ps1" -> resourceGroupEntry;
"resourceGroupEntry" -> AA ;
"resourceGroupEntry" -> BB;
"resourceGroupEntry" -> CC;
}`
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more