DOT言語 - フローチャート生成ツール Wiki - フローチャート生成ツール

DOT言語

DOT言語とは

グラフ描画プログラムGraphviz(Graph Visualization Software)で使用される、グラフ記述言語。

資料

• Graphviz Documentation 本家
• Graphviz チュートリアル
• Ajax/Graphviz web上でプレビュー
• Graphviz-mynote
• http://www.cbrc.jp/~tominaga/translations/index.php#dot GraphvizコマンドDOTのユーザーズガイド日本語訳

やること

• 上記ページ読み
• フローの図形（「定義済み」両端に縦線の入った四角）の出し方調べ。最悪だと独自にps作成かも→recordで実現
• 線のつなぎ方調べ
  • 垂直か水平方向に整える。斜め線はない。
  • 線が出るのは上下左右の真ん中（４点）
  • 分岐/合流する場合は箱から少し離れたところで。
• 生成イメージ雛形作成

途中案（資料のAjax/Graphvizを使うとプレビューできます）
// START
node[shape=rect style=rounded height=0.2 width=1]; start; end;
// FUNC
node[shape=rect style=""]; funcA;funcB;funcC;
// SWITCH
node[shape=diamond style=""]; switch;
// CONNECT
node[shape=circle label="" width=0.2]; connect;

start->funcA->switch->funcB->end[weight=10];
switch->funcC->connect;

途中案2

digraph {

subgraph cluster_1 { label="main2";
node[height=0.2, width=1];

node[shape="diamond", style=""];
switch_3[label="OK?"];

node[shape="rect", style=""];
do_2[label="init"];
do_11[label="foo"];

node[shape="record", style=""];
call_6[label="\ |error_func|\ "];

node[shape="rect", style="rounded"];
sub_1[label="main2"];
endsub_14[label="END"];

node[shape="point", height=0, width=0];
return_7;

sub_1 -> do_2;
do_2 -> switch_3;
switch_3 -> call_6[taillabel="1"];
call_6 -> return_7[arrowhead="none"];
switch_3 -> do_11[taillabel="4"];
switch_3 -> endsub_14[taillabel="2"];
do_11 -> endsub_14;
return_7 -> endsub_14[taillabel="a"];
}

}