Viz.js

vizjs.png

Graphvizの構文を書けばそのままjavascriptでレンダリングしてくれるという代物。
ちょっと表示まで時間かかるかな。。

<script src="http://miffysora.wdfiles.com/local--files/vizjs/viz.js"></script>
<script>
document.body.innerHTML += Viz('digraph { bgcolor="transparent";a -> b; }');
</script>

dot言語が長くなる場合 dot言語と読み込み部分を分けるには

<script src="http://miffysora.wdfiles.com/local--files/vizjs/viz.js"></script>
<script type="text/vnd.graphviz" id="dotsource">
digraph { 
    bgcolor="transparent"; 
    a -> b;
 }
</script>
<script>
document.body.innerHTML += Viz(document.getElementById('dotsource').innerHTML);
</script>

javascript-library

サポートサイト Wikidot.com javascript-library