Leaflet.js と D3.js でタイル地図上にデータヴィジュアライズするための Tips - Qiitaこの記事は Data Visualization Advent Calendar 2015 の 5 日目の記事です。 JavaScript でタイルマップを扱うライブラリの一つである leaflet.js と、データや DOM の操作が充実したライブラリである d3.js を使って、地図上にデータヴィジュアライゼーションを作成する際に最低限必要な情報をまとめた技術解説です。 この記事で解説していることを bl.ocks.org にまとめています。コピペで動くサンプルコードはそちらをご参照ください。 geojson の表示については記事があったのですが、動的にデータを追加したり、緯度経度だけわかっているデータをちょっと表示するだけの場合に、すぐ使えそうなサンプルが見当たらなかったので作ってみました。 leaflet.js で地図表示 leaflet.js を使って OpenStreetMap
