@@ 0,0 1,25 @@ 
+// docs: http://rich-iannone.github.io/DiagrammeR/graphviz_and_mermaid.html
+
+digraph {
+    rankdir = "LR"
+
+    node [fontname="sans", shape="Mrecord", style="filled, rounded", penwidth=1.5]
+    node [color="#08519c", fillcolor="#c6dbef"]; // default to blue nodes
+    edge [penwidth=1.5]
+
+    record_one [label="<port_a>one|Minor axis 1|{Main axis 1|Main 2}"]
+    record_two [label="{<port_b>two|Main axis a|{Minor axis a|Minor  b}}"]
+
+
+    record_one:port_a -> record_two:port_b
+
+    subgraph cluster_legend { // Legend.
+      label="Legend"
+      // legend_red    [color="#a50f15", fillcolor="#fcbba1"]; // red
+      // legend_orange [color="#d94801", fillcolor="#fdd0a2"]; // orange
+      // legend_yellow [color="#fe9929", fillcolor="#fee391"]; // yellow
+      // legend_green  [color="#006d2c", fillcolor="#c7e9c0"]; // green
+      // legend_blue   [color="#08519c", fillcolor="#c6dbef"]; // blue
+      // legend_violet [color="#54278f", fillcolor="#dadaeb"]; // violet
+    }
+}