【D3.js】文字で日本地図書いてみた。

textPahtJapan

example

またもや小ネタです。
文字を使って日本地図を描いてみました。
北海道は「Hokkaido」でと、一応各県名でエリアを描画しているんですが……まったく分かりませんね。

綺麗に表示する方法が分かったら、また挑戦してみたいとおもいます。

サンプル

ポイントは地形のpathをdef要素の中に描き、県名をidとしてtextpathにリンクさせているところです。
これだけで、pathに沿ってテキストが表示されます。

カテゴリー: D3v3