GUNMA GIS GEEK

群馬県の片隅でオープンデータとデータビジュアライゼーションとGIS(地理情報システム)に戯れるエンジニアのブログ

D3v3

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

投稿日:2013年6月11日

d3.js map hexbin
地図上に表示するポイントが多くなるとゴチャゴチャして見難くなります。
「そんな時は六角形にまとめて表示すると見やすくなるよ!」と聞いたのでやってみました。

国土数値情報サイトがらいただいた竜巻等の突風(点)情報を表示しています。竜巻等の突風の多いエリア程、色が濃く表示されます。
example

サンプルコード

D3.jsと一緒にHexbinプラグインを読み込んでください。

散布図 Hex表示

Hex表示のみのサンプルです。


  1. Dynamic Hexbin (動的六角分配) | Daily D3 より:

    […] GUNMA GIS GEEK – 【D3.js】地図上にHexbin(六角形)を表示する […]

About Me

著者: 清水正行
所在地: 群馬県高崎市

群馬・東京間を行き来する出稼ぎエンジニア。GIS(地理情報システム)・データビジュアライゼーション・オープンデータなどについて書いてます。