« 「TVはPCになりたいの?」編
『近未来テレビ会議 sponsored by SONY』
| メイン | Presentation Design (keywords) »

関連を視覚化するJavascript用ライブラリ 『MooWheel』

  はてなブックマークに追加 このエントリを livedoor クリップへ追加

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.

実際に試していないのですが、いろいろなところで使えそうなのでご紹介しちゃいました。

Ads BOARD








最近のエントリーとその関連エントリー

トラックバック

このエントリーのトラックバックURL:
http://kazuhiro.ty.land.to/blog/mt-tb.cgi/637

  Map