ckoshien https://blog.hatena.ne.jp/ckoshien/ 技術日誌 https://ckoshien.hatenablog.jp/ ReactJS d3.js キャップ野球情報局 作ったもの キャップ野球チームの全国分布図を作成。 チームカラー (あれば)チーム旗 https://cap-baseball.com/map 動作イメージ 地図データの準備 地図データはshapeファイルで提供されているものをGeoJSON→topojson化する。 topojsonとは npm i topojson -g $ wget http://www.naturalearthdata.com/http//www.naturalearthdata.com/download/10m/cultural/ne_10m_admin_1_states_provinces.zip # zip解凍 … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fckoshien.hatenablog.jp%2Fentry%2F2020%2F01%2F26%2F232305" title="D3.jsで日本地図に地点をプロットしてツールチップを表示してみる - 技術日誌" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/c/ckoshien/20200127/20200127000421.jpg Hatena Blog https://hatena.blog 2020-01-26 23:23:05 rich https://ckoshien.hatenablog.jp/entry/2020/01/26/232305 1.0 100%