Graphvizでサブグラフ(クラスタ)を描画する

Graphvizでサブグラフ(クラスタ)を描画するには、以下のようにsubgraphを使用します。

graph26.dot(UTF-8で保存)

digraph graph26
{
  node [fontname="MS Gothic"];
  subgraph cluster0 {
    手順1 -> 手順2
  }
  subgraph cluster1 {
    手順3 -> 手順4
  }
  開始 -> 手順1;
  開始 -> 手順3;
  手順2 -> 終了;
  手順4 -> 終了;
}

実行コマンド
dot -Gviewport=200,300 -Gresolution=72 -Tpng graph26.dot -o test26.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Graphvizでレコード型のノードを描画する

Graphvizでレコード型のノードを描画するには、以下のようにshape attributeを使用します。

graph25.dot(UTF-8で保存)

digraph graph25
{
  node [fontname="MS Gothic"];
  項目1[shape=record, label="<lp>左|中央|<rp>右"];
  項目1:lp -> 項目2;
  項目1:rp -> 項目3;
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph25.dot -o test25.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Graphvizで矢印の接続元を指定する

Graphvizで矢印の接続元を指定するには、以下のようにtailport attributeを使用します。

graph24.dot(UTF-8で保存)

digraph graph24
{
  node [fontname="MS Gothic"];
  項目1 -> 項目2 -> 項目3;
  項目2 -> 項目4 [tailport="e"];
  項目2 -> 項目5 [tailport="w"];
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph24.dot -o test24.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Graphvizでノードのランクを合わせる

Graphvizでノードのランクを合わせるには、以下のようにrank attributeを使用します。

graph23.dot(UTF-8で保存)

graph graph23
{
  node [fontname="MS Gothic"];
  項目1 -- 項目2 -- 項目3;
  項目2 -- 項目4 -- 項目5;
  {rank=same; 項目2; 項目4;}
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph23.dot -o test23.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/