d3.js とは d3.js はデータビジュアライゼーションJavaScriptライブラリであり、棒,円,折れ線グラフなんてものは序の口で様々なデータ可視化ができる高機能ライブラリ。その実力は 紹介されているギャラリー(サンプル) を見れば一目瞭然。前からこれを使って、GeoDataで地理情報を可視化して遊んでいたのですが、バージョンが上がるごとに若干作法が変わるので定期的にウオッチが必要。今回は現在(2021.5)の最新であるv6をキャッチアップするとともに、最近、コロナ禍で色々な地域データの可視化も盛んなので改めてその方法をまとめておく 参考D3.js – Data-Driven Documents 地図データの準備 d3.js で地図を描く場合、そのデータをGeoJson形式で準備する必要がある。さらに、一般的にはデータサイズが大きくなりがちのGeoJsonを軽量化したtopojso
![d3.js (v6) でブラウザに地図を描く方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/4f8a4474d67d9756983986c1f7c522d3dc3ecadb/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fhiyuzawa.jp%2Fwp-content%2Fuploads%2F2021%2F05%2Fd3.png%3Ffit%3D520%252C300%26ssl%3D1)