タグ

ブックマーク / qiita.com/alclimb (1)

  • 【D3.js】ブラウザで日本地図を県別に描画・制御する - Qiita

    この記事では、以下のように D3.js を使用して描画した地図に対して、インタラクティブに制御する方法を共有します。 地図を自在に描画・制御できると、色々と幅が広がりそうでワクワクします。 1. D3.js とは D3.js はデータに基づいてドキュメント(SVG や DOM など)を操作するための JavaScript ライブラリです。 今回は D3.js を使い地図情報(GeoJson データ)から SVG を生成してブラウザに描画します。 2. 地図データの準備 D3.js を使ってブラウザで地図を描画するためには GeoJson 形式のファイルを用意する必要があります。 ネット上を探してみると直ぐに利用できる状態の GeoJson 形式ファイルもありますが、ここでは信頼性のありそうでライセンス的に扱いが簡単な Natural Earth からデータを取得して加工する方法を解説します

    【D3.js】ブラウザで日本地図を県別に描画・制御する - Qiita
  • 1