横浜市地図をD3.jsで描いてみた

ちょっと前のことですが、D3.jsという素晴らしいライブラリがあるのを知りました。

http://d3js.org

カッコいいですよね〜^-^

このD3.jsを使って何か作ってみたいと思い、突然ですが横浜市Mapを描いてみました。(画像をクリックすると、地図のページに飛びます)

yokohama_map01

 

ただ単に書くのもツマラナイので、横浜市区の人口と、保育園の定員数で色分けしてみました。

データソースについて

地図データ

国土交通省の数値情報DLサービスから頂きました。
http://nlftp.mlit.go.jp/ksj/

人口データ

横浜市人口は、横浜市の統計ポータルサイトから頂きました。
http://www.city.yokohama.lg.jp/ex/stat/

H26.1.1時点のデータです

 

保育園定員数

横浜市といえば、待機児童ゼロで有名ですよね。という訳で、保育園の定員数をもってこようと思ったのですが、思いの他苦労しました。情報源は横浜市青少年局ページです。
http://www.city.yokohama.lg.jp/kodomo/unei/

保育園定員数はH26.2.1時点のもので、公立&認可保育園の入所人数と入所可能人数を加算した値です。結構手動で触った所があるのでデータの正確性は保証しかねます。あしからず・・・

保育園は5歳までありますが、1歳毎の人口データが4歳までしかなかったので、4歳までの定員を計算しました。4-5歳の定員がまとめられている施設は、4,5歳の人数を均等割しました。

ちなみに、人口は1月1日、保育園は年度扱いなので、そういう意味での整合性まではとれていません。

 

地図の描き方については、後ほどアップしていきます♪

ではでは