GUNMA GIS GEEK

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

*

【D3.js】 Layout sample1

     - d3.js ver.3

はてなブックマーク - 【D3.js】 Layout sample1
Pocket

layout

D3.jsのLayout機能のサンプルです。

こちらで作成した関数を使っているので、合わせてどうぞ。

pie

 
 
stack

 
 
pack

 
 
Treemap

 
 

はてなブックマーク - 【D3.js】 Layout sample1
Pocket

 - d3.js ver.3

  関連記事

【D3.js】 力学モデル

よく見かけるわりに、正式な名称を知らなかったのですが、上記のような図を「力学モデ …

【D3.js】 viewBox属性を使ったPan/Zoon

ドラッグで移動、ホイールで拡大縮小が行えます。 [crayon-588399ba …

MapboxGL & D3 ポリゴンサンプル
【D3.js】MapboxGLの地図上にSVGをオーバーレイする。

Mapboxがバージョンアップされ、MapboxGL.jsライブラリが公式のクラ …

no image
[D3.js]トランジションをpromiseを使って管理する。

タイトルのまんまの内容です。 仕事でデータビジュアライゼーションを作成していると …

群馬県 地域別転入転出数
群馬県の地域別転入転出数

example あいかわらず、群馬県移動人口調査を弄りながらD3.jsの勉強を行 …

d3.js resource
ハッカソン向けD3リソース集。

D3の絡みでハッカソン等によばれたとき、リソースについての質問が結構あったのでま …

Bounds BOX
【D3.js】各県の境界線ボックスを描画する

example 各県が収まるサイズのBOXを描画します。 サンプル [crayo …

高速道路 開業時系列表示
日本に高速道路が出来るまで

Japan and her National highways. というGif画 …

Summer Wars - WorldClock
【D3.js】サーマーウォーズのワールドクロックを作る

アノ時計っぽいものを作ってみました。 example 解説 基本的には下記事のコ …

cartograms
【D3.js】Cartogramsプラグインを使ってみた。

D3.jsのカルトグラムプラグインを使って、データを元に変形させた日本地図を描画 …