ヒートマップ？の作成方法について

Question

こういった色付けされた地図(ヒートマップ？)を表示出来るライブラリってなんでしょうか？
https://todo-ran.com/t/kiji/11846
エクセルなどでデータを纏めて、そのデータを地図に表示という感じです。

reactなどを使うのでしょうか？

ただの画像でもいいのですが、手間がかかりすぎてしまいます。

Comments

[退会済みユーザー]

出典が怪しいデータを使ってラクするか、それとも正確性がある程度保証されている素性の良いデータを基に自分で加工するのか、どっちでしょうね。

Answer 1

D3.js - Data-Driven Documents
Gallery / D3 / Observable - Maps
を使ってもできるでしょうし、
2Dで色を塗るだけなら他のライブラリでもできます、例えば
概要 | Mapbox GL JS | ドキュメント | Mapbox
Leaflet - a JavaScript library for interactive maps
OpenLayers - Welcome

表示するためのライブラリであって、
日本列島の都道府県ごとの白地図に該当するデータは別途準備が必要になります。
すぐ使えるデータの存在はわかりませんが、
市区町村の行政界のShapefileであれば
国土数値情報 | 行政区域データ
からダウンロードできそう。
これをGISソフト（たとえばQGISとかなら無料）で都道府県単位に結合するとか。

Answer 2

「javascript 都道府県別」でググるといろいろ見つかると思いますよ。
たとえば：

D3.jsで日本地図を描き、都道府県別に色を塗る - Qiita
Leaflet地図：「日本酒生産量：都道府県別マップ」作成。サンプルソース。逆ジオコーディング付き。 - 晴歩雨描
日本地図を都道府県で表示【Google Charts入門】 | UX BEAR【ゆえっくま】