shingoushori's dialy

音信号処理を専ら研究していた元博士後期課程の学生によるメモ

dot言語でグラフを書いて、はてなブログに直接書いてみるテスト

[埋め込みテスト]

dot言語でグラフを書いて,はてなブログに埋め込んでみたくなりました。 ので、サンプルを探して、埋め込みのテストです。 d3-graphviz というライブラリです。
表示までに数秒かかります。

 

はてなブログの記事としての知見として3点。
・HTML編集なら、外部のスクリプトも簡単に埋め込める
・<script>の中身が、見たまま編集やプレビュー時にCDATA化されたり勝手に個別に<p>されたりして戸惑う。
プレビューの「新しいウィンドウで表示」は、必ずしも公開にした時と同じじゃないの注意。

[参考文献]

サンプルの出どころ。
stackoverflow.com

ライブラリの埋め込み時のリンクは、この記事のものを使っています。viz.jsがWebWorker対応版っぽい。
https://gist.github.com/magjac/4acffdb3afbc4f71b448a210b5060bca

github.com