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

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](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;
}
)

---

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