2013/04/29

arbor.js | インタラクティブにグラフィカルなグラフ操作が行えるjQueryを使ったライブラリ

arbor.jsというjQueryを使ったライブラリがあります。

arbor.js Arbor is a graph visualization library
http://arborjs.org/

 
データの構造、関連性を理解するのに、こういった表現があれば、分かりやすいと思います。要素を移動させることにより、関連のある要素も一緒に引っ張られて動くので、関連性が強調されて意識されます。

デモの中でも、halfvizというデモが面白いです。

arbor.js » halfviz
http://arborjs.org/halfviz/


右のコードエリアに、NodesやEdgesの情報を、指定の記法で記述をすれば、すぐにインタラクティブに画面に反映されます。記法については、コードエリアの上にある「syntax reference」を見れば分かります。


構造が複雑な内容を表現する時に使えそうなライブラリです。


0 件のコメント:

人気の投稿 (過去 30 日間)