GUNMA GIS GEEK

群馬県の片隅でオープンデータとデータビジュアライゼーションとGIS(地理情報システム)に戯れるエンジニアのブログ

D3v3

【D3.js】同じ面積の四角形で地図を描くプラグイン「Squaire.js」

投稿日:

Squaire.js

最近アメリカのニュースサイトなどで見かけることが多くなった等面積の四角形で行政区等を表示する地図ですが、それらを簡単に作成するためのD3.jsプラグインが「Squaire.js」です。

Squaire.js

プラグインを公開しているのはウォール・ストリート・ジャーナルです。
面積に惑わされずにコロプレス図を作成したいときに便利です。

サンプル

bl.ocks.orgにSquaire.jsのカスタム機能を使って作った日本地図のサンプルを載せてあります。
日本地図だとどうしても、左上と右下の余白が大きくなって収まり悪いですね。
square bin map - japan

example

各都道府県の配置は「デザイン日本地図-フリー画像」を参考にさせていただきました。

About Me

著者: 清水正行
所在地: 群馬県高崎市

群馬・東京間を行き来する出稼ぎエンジニア。GIS(地理情報システム)・データビジュアライゼーション・オープンデータなどについて書いてます。