Viz.js·Web上でGraphvizをSVGでレンダリング MOONGIFT

フローチャートなどの高度なグラフを描こうと思った時に使われるのがGraphvizです。テキストベースで記述していくだけでできるというのはやはり手軽です。しかしローカルソフトウェアをインストールしたり、セットアップしたりするのは面倒と感じる人も多いでしょう。 そこでさらに再利用性を高めてくれるのがViz.jsです。WebベースでGraphvizを使えるようにしてくれます。可能にするのはまたしてもEmscriptenなのですが、面白さを体感してください。 例として以下のようにGraphvizのDOT言語をそのままscriptタグに記述します。 <script type="text/vnd.graphviz" id="cluster"> digraph G { subgraph cluster_0 { style=filled; color=lightgrey; node [style=fill

[jshimazu]

“ } start -> a0; start -> b0; a1 -> b3; b2 -> a3; a3 -> a0; a3 -> end; b3 -> end; start [shape=Mdiamond]; end [shape=Msquare]; }</script>”

[sendai]

研究ネタ

[tsujimotter]

今度使ってみる

[richard_raw]

scriptタグの中にDOT言語を記述できるのか……。

[wemra]

“Graphviz”[chart]

[i43s]

かっこいい

[dhrname]

これはすごい

[sasasin_net]

“Emscripten”

[the48]

これはテストしてみたい。

[side_tana]

ふーん

[Makots]

ほしかったやつや

[minonet]

Viz.js – Web上でGraphvizをSVGでレンダリング フローチャートなどの高度なグラフを描こうと思った時に使われるのがGraphvizです。テキストベースで記述していくだけでできるというのはやはり手軽です。し...