【D3.js】Google Map上に棒グラフを表示する

最終更新日

Google Map上に棒グラフを表示する

example

円グラフに引き続き、棒グラフを地図上に表示してみました。
棒グラフは高さのスケールを設定するのが難しいですね。

サンプル

今回も、Google Maps APIのdrawメソッド内だけ参考に載せます。

D3.jsを使てGoogle Map上にSVGを表示する方法は以下を参照してください。
【D3.js】Google MapにSVGをオーバーレイする(SHAPEデータ軽量化)