+RECOMMEND
+RECOMMEND
+Ad
+OTHERS

無料ブログ作成サービス JUGEM

paperboy&co.
RSS 1.0
ATOM  0.3
<< August 2018 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>
<< 癒し?ホワイトノイズ生成サイト | main | グーグル クローム(Google Chrome )の便利拡張機能 >>
データを可視化するJavascript


javascriptをつかったインタラクティブなグラフです。
ツリーズや棒グラフなど実験的なものがいくつかあります。


ニコラス ストレンジ
武田ランダムハウスジャパン
¥ 1,680
(2008-08-21)


情報元はこのサイト。

http://thejit.org/demos/


RGraph Demos

http://thejit.org/Jit/Examples/RGraph/example1.html
ツリーグラフです。末端のポイントをクリックすると、そこがツリーの中心となり、その地点からの関係性にシフトします。



HyperTree Demos

http://thejit.org/Jit/Examples/Hypertree/example1.html
同じようにクリックしたポイントが中心に来るツリーズ。




SpaceTree Demos
http://thejit.org/Jit/Examples/Spacetree/example1.html
フローチャートのようなツリーズ。マインドマップ系のソフトでも良く見かける形です。




TreeMap Demos

http://thejit.org/Jit/Examples/Treemap/example2.html
情報ごとにグリッドで区切ってあり、マウスオーバーでそのセクションのサムネイルを見ることができます。クリックするとその中身へ。中身が区切ってあれば、さらに細分化・・・と言う感じです。
右クリックで上の階層に戻ります。




Advanced/Other Demos

http://thejit.org/Jit/Examples/Other/example1.html
そのほかです。


各グラフはソースも閲覧することができます。
情報を動的に見せることができるので、面白い演出ができるかもしれません。
| スクリプト/プログラム | 22:41 | comments(0) | trackbacks(0) | - | - |はてなブックマーク - データを可視化するJavascript | このエントリーをはてなブックマークに追加









http://blog.tug.lomo.jp/trackback/990162