関連を視覚化するJavascript用ライブラリ 『MooWheel』
『MooWheel』は、関連のあるもの線で結んで視覚化的に表示するためのJavascript用ライブラリです。
1.関連を下のような配列で定義します。
var data = [['Joe B', 'Ryan K', 'Charlie C'],
['Ryan K', 'Charlie C'],
['Charlie C', 'Ryan K', 'Joe B'],
['Robert Z', 'Joe B', 'Charlie C']];
"Joe B"は、"Ryan K"、 "Charlie C"と関連（関係）がある。
"Ryan K"は、"Charlie C"と関連がある。
"Charlie C"は、・・・といった感じで関連を定義します。
2.視覚化した結果を表示する「canvas」をHTMLの中に追加します。
<canvas width="400" height="400" id="canvasObj"></canvas>
3.視覚化するためのオブジェクトを生成します。
var wheel = new MooWheel(data, $('canvasObj'));
線の起点にのマウスを載せると、関連のあるラインがハイライト表示されます。
p.s.
実際に試していないのですが、いろいろなところで使えそうなのでご紹介しちゃいました。
