2015-09-14 D3.jsとThree.jsで日本地図を可視化してみた2 D3.js 可視化 Three.js Javascript itoeiji110704.hatenablog.com上の前回記事では、D3.jsとThree.jsを使って日本地図を描画しました。そこからさらに勉強を進めまして、より3Dに描画できるようになりましたので、データも乗せて作ってみました。画像をクリックするとページを移動します。 ちなみに色やウインドウの形状は、あるアニメを参考にしてみました。 近未来っぽくてカッコイイ感じなのに惚れまして笑前回は日本地図をHTML5のCanvasに描画して、テクスチャとしてThree.jsのオブジェクトに貼り付ける方法を取っていました。結局その方法をやめて、D3.jsのpathメソッドやtopojsonなどで描画する地形の座標を解析して、Three.jsのオブジェク
![D3.jsとThree.jsで日本地図を可視化してみた2 - データマイニングエンジニアが気まぐれに更新するブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ba1f564d61a2a1ea5185ae24bbc7b8760e9d6ba/height=288;version=1;width=512/http%3A%2F%2Ff.st-hatena.com%2Fimages%2Ffotolife%2Fi%2Fitoeiji110704%2F20150915%2F20150915223943.png%3F1442324397)