Saturday, March 12, 2011

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/

Thursday, March 10, 2011

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/

Tuesday, March 08, 2011

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/

Sunday, March 06, 2011

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/