Graphviz

gravizoを使ってMarkdown内でGraphvizのグラフを表示する

More than 3 years have passed since last update.

gravizoというサービスを利用すればMarkdownの中にGraphviz互換のグラフが埋め込める模様。


使用例

![](http://g.gravizo.com/g?${Graphvizのソースコード})といった形式で表示するグラフを指定する。

以下、公式HPからの抜粋。

ソース:



![Alt text](http://g.gravizo.com/g?

digraph G {

aize ="4,4";

main [shape=box];

main -> parse [weight=8];

parse -> execute;

main -> init [style=dotted];

main -> cleanup;

execute -> { make_string; printf}

init -> make_string;

edge [color=red];

main -> printf [style=bold,label="100 times"];

make_string [label="make a string"];

node [shape=box,style=filled,color=".7 .3 1.0"];

execute -> compare;

}

)

結果:

Alt text


Markdownの中でグラフを使いたくなることはちょくちょくあるので、これは便利そう。