Friday, April 01, 2011

Graphvizで背景を透明にして半透明のノードを描画する

Graphvizで背景を透明にして半透明のノードを描画するには、以下のようにcolorでアルファ値を指定します。

graph36.dot(UTF-8で保存)
digraph graph36
{
graph[bgcolor="#00000000"];
node [fontname="MS Gothic", style="filled",
fillcolor="#00000080"];
項目1 -> 項目2 -> 項目3;
項目2 -> 項目4;
}

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

出力画像


動作環境
Graphviz 2.26.3

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

Wednesday, March 30, 2011

Graphvizのcircoで有方向グラフを描画する

Graphvizのcircoで有方向グラフを描画するには、以下のようなコマンドを実行します。

実行コマンド
circo -Gviewport=500,500 -Gresolution=72 -Tpng graph35.dot -o test35.png

graph35.dot(UTF-8で保存)
digraph graph35
{
node [fontname="MS Gothic"];
項目1 -> 項目2 -> 項目3;
項目3 -> 項目4 -> 項目5;
項目5 -> 項目6 -> 項目1;
項目2 -> 項目5;
}


出力画像


動作環境
Graphviz 2.26.3

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

Monday, March 28, 2011

Graphvizのneatoでノードの位置を調節する

Graphvizのneatoでノードの位置を調節するには、以下のようにpos attributeを使用します。

graph34.dot(UTF-8で保存)
graph graph34
{
node [fontname="MS Gothic"];
項目1 [pos="0,0!"];
項目2 [pos="3,0!"];
項目1 -- 項目2 -- 項目3 -- 項目4;
項目4 -- 項目1;
}

実行コマンド
neato -Gviewport=300,200 -Gresolution=72 -Tpng graph34.dot -o test34.png

出力画像


動作環境
Graphviz 2.26.3

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