投稿アプリケーション データビジュアライゼション三点盛 |THREE.js css3d "乗降人数によるY軸"

アプリケーション名
データビジュアライゼション三点盛 |THREE.js css3d "乗降人数によるY軸"
アプリケーション制作者
nakakaz11
スクリーンショット
Big_thumb_20141106042104023
アプリケーション紹介動画(youtube)
アプリケーションの説明

データビジュアライゼション三点盛

*APIのデータを元に、JSにて三つのデータビジュアライゼーションを作りました。
*あんまり実用的にというよりは、見た目に楽しい形を提案したかったので、つかえるか的にはさほど考慮していませんが。。

THREE.js css3d "乗降人数によるY軸"

*概要
# 乗降人数のデータを、3D空間上で各ソートができるようにしました。
初期画面では、Y軸に乗降人数の多さを視覚化しました。
マウスやホイールにて、グリグリ動かします。

# 左上プルダウン→各駅のソート条件を変更します
・路線ごと乗降人数順ソート
・路線ごと停車駅順ソート
・乗降人数全体グロスソート
・全体あいうえお順ソート

# 中央下ボタン→ 3D空間での並び形状をトランスフォームします。
・TableList
・SphereBal
・HelixRing
・Grid
・WaveRanking

# 右上ボタン→自動に空間内を回転させるか、マウス等にて、グリグリ動かすか変更します。
また、固定環境での最適化版はこちらです node-webkit 版 for Mac OSXのみ(Mac/Chromium base)30.4MB

http://www.samuraiworks.org/swTokyoMetro3.app.zip

※ セキュリティとプライバシーで「すべてのアプリケーションを許可」して下さい。

マニュアルURL