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/

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/

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/