投稿アプリケーション データビジュアライゼション三点盛 |D3.js Arc "TokyoMetroRing"

アプリケーション名
データビジュアライゼション三点盛 |D3.js Arc "TokyoMetroRing"
アプリケーション制作者
nakakaz11
スクリーンショット
Big_thumb_20141106094642357
アプリケーション紹介動画(youtube)
アプリケーションの説明

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

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

D3.js Arc "TokyoMetroRing"

*概要
# 各路線の駅間情報を視覚化しました。リングの各所をクリックしてドリルダウンすると階層が下がっていき、
中心の空白をクリックでドリルアップします。トップで運行情報、第二第三階層の右側で各駅の情報を表示しようかという試みです。

# ハイライトされているRingの矩形(駅)→ 駅方向ごとの停止している駅(多分)

# 右下ラジオボタン 均等|駅間→ 各駅間分数(概算値)にてリングの表示間隔を視覚化しました。

# 右上プルダウン→pl:TM路線情報(d3):六本木...はジオロケを使用した場合のサンプルです。(仮のlat,lonです)
また、固定環境での最適化版はこちらです node-webkit 版 for Mac OSXのみ(Mac/Chromium base)30.4MB

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

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

マニュアルURL