D3.jsとThree.jsで日本地図を可視化してみた

D3.jsとThree.jsを使って、日本地図を3D的に描画してみました。

D3.js : http://d3js.org/

Three.js : http://threejs.org/

※画像をクリックするとページを移動します。


3Dといっても、日本地図は平べったいままです。

D3.jsで日本地図をHTML5のCanvasに描画して、CanvasをThree.jsの平面オブジェクトに貼り付けて描画しています。

ここからデータをどのように乗っけていけるか、さらに研究ですね。

追記(2015-09-14)

さらに更新して、だいぶかっこよくなりました!

D3.jsとThree.jsで日本地図を可視化してみた2
上記の前回記事では、D3.jsとThree.jsを使って日本地図を描画しました。D3.js : http://d3js.org/Three.js : http://threejs.org/そこからさらに勉強を進めまして、より3Dに描画できるようになりましたので、データものせて作ってみました。D3.jsとThree.jsの可視化...
 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です