ハイクオリティでちょーかっこいいデータ視覚化地図が作れる「Leaflet-dvf」

公開日: leaflet.js, Map/GIS

はてなブックマーク - ハイクオリティでちょーかっこいいデータ視覚化地図が作れる「Leaflet-dvf」
Pocket


leaflet-def

Leaflet-dvf」は、ベース地図にLeaflet.jsを用い、地理情報を可視化するために必要なライブラリをまとめてパッケージしたデータビジュアライゼーションフレームワークです。
サイトに掲載されているサンプルを見ても解るように、非常にクオリティが高くデザイン性に富んだ視覚化地図を作成することができます。

データビジュアライゼーションの参考書に必ずといってよいほど出てくる Charles Minard の「ナポレオンのロシア侵攻」を可視化した地図も、Leaflet-dvfを使えばこんなにかっこよく作成することができます。

Napoleons_March

Napoleon’s March

その他、こんな手の込んだ視覚化も。

Panoramio_Browser

Panoramio Browser

D3.jsほどの自由度はありませんが、かっこいい datavis map を作成したい時は、ぜひ選択肢の一つとして検討してみてください。

  • このエントリーをはてなブックマークに追加
  • 156
    follow us in feedly

関連記事

d3leaflet2014051

【D3.js】 LeafletにSVGをオーバーレイする。

Leafletは、モバイルフレンドリーでインタラクティブな地図をWeb上に表示するJavaScrip

記事を読む

rosen1

【D3.js】 SVGで路線図を描く

example 今までやってきた内容の復習に、D3.jsを使って路線図を描いててみ

記事を読む

openlayers Canvas effect

OpenLayers ver.2でもクライアントサイドで地図タイルを画像処理できた

電子国土基本図(オルソ画像)を読み込みクライアント側で画像処理して表示する 先日、上記の記事を

記事を読む

preflist

【D3.js】SVGで作成した都道府県の地形を並べて表示する

example 見たまんまです。 D3.jsでGeoJSONデータを読み込み、svg

記事を読む

opendatamap

オープデータを公開している都市に色を塗ってみた。

はやく真っ赤に(あるいは緑に)日本全体が染まればいいのに。 example オープ

記事を読む

COLORBREWER

コロプレス図(塗り分け地図)を作成する際に適したカラーセットを取得できる「ColorBrewer」

ColorBrewer 地図上をデータの値に合わせて塗り分けていくのをコロプレス図と言

記事を読む

群馬県過疎地域

【D3.js + GMap】群馬県の過疎地域

example 週末にノマドりながら作ったもの。 技術的には以前の記事の延長線上のものなので

記事を読む

WSmm000000

Google Map上にヒートマップを表示する

国土数値情報サイトからダウンロードした都道府県地価調査データ(点)を元にGoogle Map上に群馬

記事を読む

前橋市 平成22年男女別・年齢別人口構成

前橋市には、男子より女子の方が多く住んでいる。

example 男子の人口を、女子の人口が上回る地域が多数。 概要 前橋市オー

記事を読む

d3geotilsep3

【D3.js】MapBoxから取得した地図画像(ラスタタイル)をSVGのClipPathでくり抜く

example MapBoxから取得した地図画像をtopojsonで読み込んだ日本地図(svg

記事を読む

leaflet-def
ハイクオリティでちょーかっこいいデータ視覚化地図が作れる「Leaflet-dvf」

「Leaflet-dvf」は、ベース地図にLeaflet.js

map201406198
地図の力、地図の怖さ。

眉に唾つけてお読みください。 かつて、今は亡き地理学者バーナ

WP-D3
WordPress の記事にD3.jsで作ったグラフ等を埋め込むプラグイン「WP-D3」

下記は「WP-D3」というプラグインを使用して記事内にD3.jsのコー

データビジュアライゼーションのためのD3.js徹底入門 Webで魅せるグラフ&チャートの作り方
「データビジュアライゼーションのためのD3.js徹底入門」感想

データビジュアライゼーションのためのD3.js徹底入門 W

広域版新潟市1964年7月21日カラー撮影 空中写真
「1964年新潟地震オープンデータ」を使ってみました。

example 1964年に発生した新潟地震に関する

→もっと見る

  • follow us in feedly Subscribe with livedoor Reader
PAGE TOP ↑