怎麼會有這麼棒的軟體

網路上亂逛，找到一套叫作 Graphviz 的軟體，
網站：http://www.graphviz.org/
看起來是套流程圖的繪製軟體。

簡單操作後，發現是套功能很強的軟體，
只要簡單寫幾個字，就可以畫出漂亮的流程圖。

範例0：sample0.dot
digraph G {
a -> b -> c;
b -> d -> c;
a -> c;
}
之後執行 dot -Tpng sample0.dot -o sample0.png
(不只dot，也可以用neato ......)
就會產生sample0.png：

範例1：sample1.dot
digraph G {
c[shape=box]; // C的形狀是矩形
a -> b -> c;
b -> d -> c;
a -> {e;f} -> c[style=dotted]; // 可以用{e;f}同時連兩個,樣式都是虛線
edge [color=red]; // 從這裡開始，link線都是紅色
node [shape=box,style=filled,color="0.7 0.1 1.0"]; //從這裡開始，節點都是 矩形 填滿
a -> g;
g [label="OH I am \ng"]; // 是g ，但是label可以被修改
g -> a [label="link label"]; //link的label也是可以設定的
g -> 中文;
中文[fontname="TW-Kai"];
}

之後執行 dot -Tpng sample1.dot -o sample1.png 產生下圖：



範列2：sample2.dot
digraph G {
node [shape=box,fontname="TW-Kai"]
校長 -> {教務處;學務處;輔導處;總務處;人事室;會計室};
教務處 -> {教學組;設備組;註冊組;資訊組};
學務處 -> {訓育組;生教組;衛生組;體育組};
衛生組 -> 健康中心;
輔導處 -> {輔導組;特教組;資料組};
總務處 -> {事務組;出納組;文書組};
會計室 -> 會計佐理員;
}

之後執行 dot -Tpng sample2.dot -o sample2.png 產生下圖：



不只png，它也可以輸出成 gif,svg,.....很多格式，自已試吧。