Graphviz で凡例付き配置図

Graphviz で凡例付き配置図を書く。

図 Graphviz で凡例付き配置図

digraph sample {
  graph [fontname = "monospace", fontsize = 10];
  node  [fontname = "monospace", fontsize = 10];
  edge  [fontname = "monospace", fontsize = 10];

  // node
  node   [shape = box3d];
  node1 [label = "サーバ"];
  node2 [label = "ストレージ"];
  node3 [label = "クライアント"];

  // edge
  edge           [arrowhead = none];
  node1 -> node2;
  node1 -> node3 [label = "TCP/IP"];

  // legend
  subgraph cluster_legend {
    label = "凡例";

    // node
    node  [shape = box3d];
    node1_ex [label = "ノードインスタンス1"];
    node2_ex [label = "ノードインスタンス2"];

    // edge
    edge                 [arrowhead = none];
    node1_ex -> node2_ex [label = "関係"];
  }
}