タグ

2013年6月11日のブックマーク (1件)

  • 【D3.js】地図上にHexbin(六角形)を表示する

    地図上に表示するポイントが多くなるとゴチャゴチャして見難くなります。 「そんな時は六角形にまとめて表示すると見やすくなるよ!」と聞いたのでやってみました。 国土数値情報サイトがらいただいた竜巻等の突風(点)情報を表示しています。竜巻等の突風の多いエリア程、色が濃く表示されます。 example サンプルコード D3.jsと一緒にHexbinプラグインを読み込んでください。 <script src="http://d3js.org/d3.v3.min.js"></script> <script src="http://d3js.org/d3.hexbin.v0.min.js"></script> window.onload = function(){ 日地図データの読み込み d3.json("japan.topojson", function(json) { d3main(json); }

    【D3.js】地図上にHexbin(六角形)を表示する