【D3.js】SVGで作成した都道府県の地形を並べて表示する

最終更新日

preflist

example

見たまんまです。
D3.jsでGeoJSONデータを読み込み、svgのPathで地形を描画し並べて表示しています。
ポイントは各都道府県の中心座標を取得しtranslateで中心座標のxyを引くことで、一旦全ての地形の座標を0,0に初期化しているところです。
沖縄県だけ、中心点の座標が上手く取得できず変な場所に表示されています。

サンプル