ハイクオリティでちょーかっこいいデータ視覚化地図が作れる「Leaflet-dvf」
公開日:
leaflet.js, Map/GIS
「Leaflet-dvf」は、ベース地図にLeaflet.jsを用い、地理情報を可視化するために必要なライブラリをまとめてパッケージしたデータビジュアライゼーションフレームワークです。
サイトに掲載されているサンプルを見ても解るように、非常にクオリティが高くデザイン性に富んだ視覚化地図を作成することができます。
データビジュアライゼーションの参考書に必ずといってよいほど出てくる Charles Minard の「ナポレオンのロシア侵攻」を可視化した地図も、Leaflet-dvfを使えばこんなにかっこよく作成することができます。
その他、こんな手の込んだ視覚化も。
D3.jsほどの自由度はありませんが、かっこいい datavis map を作成したい時は、ぜひ選択肢の一つとして検討してみてください。
関連記事
-
-
【D3.js】 LeafletにSVGをオーバーレイする。
Leafletは、モバイルフレンドリーでインタラクティブな地図をWeb上に表示するJavaScrip
-
-
【D3.js】 SVGで路線図を描く
example 今までやってきた内容の復習に、D3.jsを使って路線図を描いててみ
-
-
OpenLayers ver.2でもクライアントサイドで地図タイルを画像処理できた
電子国土基本図(オルソ画像)を読み込みクライアント側で画像処理して表示する 先日、上記の記事を
-
-
【D3.js】SVGで作成した都道府県の地形を並べて表示する
example 見たまんまです。 D3.jsでGeoJSONデータを読み込み、svg
-
-
オープデータを公開している都市に色を塗ってみた。
はやく真っ赤に(あるいは緑に)日本全体が染まればいいのに。 example オープ
-
-
コロプレス図(塗り分け地図)を作成する際に適したカラーセットを取得できる「ColorBrewer」
ColorBrewer 地図上をデータの値に合わせて塗り分けていくのをコロプレス図と言
-
-
【D3.js + GMap】群馬県の過疎地域
example 週末にノマドりながら作ったもの。 技術的には以前の記事の延長線上のものなので
-
-
Google Map上にヒートマップを表示する
国土数値情報サイトからダウンロードした都道府県地価調査データ(点)を元にGoogle Map上に群馬
-
-
前橋市には、男子より女子の方が多く住んでいる。
example 男子の人口を、女子の人口が上回る地域が多数。 概要 前橋市オー
-
-
【D3.js】MapBoxから取得した地図画像(ラスタタイル)をSVGのClipPathでくり抜く
example MapBoxから取得した地図画像をtopojsonで読み込んだ日本地図(svg
- PREV
- 地図の力、地図の怖さ。