D3.jsのForce Layout (力学モデルでグラフ描画するレイアウト)を動かしてみた D3.jsというJavaScriptでデータをきれいに可視化するライブラリに、グラフ(棒グラフとか折れ線グラフではなく、グラフ理論のグラフ。ネットワークと同義)をきれいに描画する機能があったので、試してみた。 公式サイト: https://github.com/mbostock/d3/wiki/Force-Layout ネットで検索するともっときれいなサンプルはたくさんあるのだが。。とりあえず、htmlファイル1つだけで動作確認できる最小の構成で作ってみた。以下のソースをコピーしてindex.htmlとかに保存し、ブラウザで開くだけでグラフが描画される。 データはノードとリンクをハッシュの配列として用意するだけで、あとは以下のようなほぼお決まりのコードでレンダリングできる。 簡単なサンプルを作成す
![D3.jsのForce Layout (力学モデルでグラフ描画するレイアウト)を動かしてみた - カタカタブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/16971003a55cedeec578623dc8e27920ca3ca9f5/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fo%2Fosn_th%2F20141118%2F20141118104101.png)