Graphvizでノードの間隔を調節する

Graphvizでノードの間隔を調節するには、以下のようにranksepとnodesepを使用します。

graph29.dot(UTF-8で保存)

digraph graph29
{
ranksep=0.2; nodesep=0.1;
  node [fontname="MS Gothic"];
  "項目1 " -> "項目2 " -> "項目3 ";
  "項目2 " -> "項目4 ";
}

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

出力画像


動作環境
Graphviz 2.26.3

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

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

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

graph28.dot(UTF-8で保存)

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

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

出力画像


動作環境
Graphviz 2.26.3

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

Graphvizでサブグラフ(クラスタ)にラベルを設定する

Graphvizでサブグラフ(クラスタ)にラベルを設定するには、以下のようにsubgraphとlabelを使用します。

graph27.dot(UTF-8で保存)

digraph graph27
{
  node [fontname="MS Gothic", labelfontname="MS Gothic"];
  subgraph cluster0 {
    label="Procedure-A";
    "手順1 " -> "手順2 "
  }
  subgraph cluster1 {
    label="Procedure-B";
    "手順3 " -> "手順4 "
  }
  開始 -> "手順1 ";
  開始 -> "手順3 ";
  "手順2 " -> 終了;
  "手順4 " -> 終了;
}

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

出力画像


動作環境
Graphviz 2.26.3

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