japan scatter

「線グラフを群馬県にする」のはできたので、今度は都道府県を散布図にしてみた。

迷走中。

japan scatter

example

前回、線グラフを群馬県にしましたが、今回は都道府県を散布図にしてみました。
クリックすると、都道府県になったり散布図になったりします。(値はランダムです)
散布図から都道府県に戻るときのアニメーションが個人的に好きです。
(ちなみに北方領土や佐渡島などがないのは政治的な主張とかではなくて、ただたんに円形に変形する際に島ポリゴンの扱いに困った結果、めんどうになったので消すという所業にでた結果です)

技術的には線グラフを〜より「群馬県をバブルっぽくしてみた」のやりかたに近いです。
地形のパスを円系に変形したのちTranslateを使って位置を変更しています。

【関連】
【D3.js】Shape Tweening 練習中

カテゴリー: D3v3