D3.jsを使用したグラフ描画

D3.jsを使用してリリカルなのはに登場するキャラクターをグラフ化してみました。

ちなみにデータは独断で作成していますので、

  • あれ、〜が一覧にないけど?
  • 〜のネットワークが足りない。

といった場合があります。あと、Force関係は本を読み直さないと接続出来なそうでしたので、あまり接続されていません。

Twitterとかで情報を頂ければ対応したいところ…

以下のような画面となります。

キャラクターの有効・無効をボタンに割り当てているだけなので、頭の悪いUIです。

http://mizuvm01.cloudapp.net/gadgets/d3/nano_graph/index.html?jsdata=nano.json

nano_sgraph_01

nano_sgraph_02

.