GUNMA GIS GEEK

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

*

ゴールデンウィーク中にD3.jsを学びたい方にお勧めな厳選まとめ

     - d3.js

  • このエントリーをはてなブックマークに追加

Data visualization

データビジュアライゼーション(D3.js)を学ぶための教材まとめ」も大分量が増えてきて、初めてD3.jsを学ぶという人にはどこから手をつけて良いものか解りづらくなってきました。

そこで、ゴールデンウィーク中にD3.jsを学んでみたいという方に、いくつか厳選してお勧めしてみたいと思います。

スライドを眺める

まずはD3.jsがどんなライブラリなのか把握しましょう。
about d3.js

チュートリアルを学ぶ

とりあえず分量・内容的に下記のチュートリアルがお勧めです。
D3 チュートリアル|スコット・マレイ|alignedleft

余裕があっていろんなレイアウトのグラフを描いてみたいなら、下記サイトを。
svg要素の基本的な使い方まとめ

コード共有サイトを使って実践

チュートリアルを手軽に試すなら、コード共有サイトを利用するのが楽チンです。
jsdo.it, jsfiddle, Tributary にテンプレート的なものを作ってみたのでForkするなどして使ってみてください。

Tributary | D3.js Template

動画で学ぶ

以下はTributaryを使ったD3.jsのライブコーディング動画です。
英語のコンテンツですが、下記動画は観ているだけでも楽しめるのでお勧めです。
dot enter
dot append

D3.js入門 (全17回) – プログラミングならドットインストール
プログラミング独学者の強い味方「ドットインストール」にD3.jsの講座が追加されています。

2014年追記

参考書で学ぶ

オライリーよりD3の入門書として最適な「インタラクティブ・データビジュアライゼーション」が発売されました。適度なボリュームで連休中に読むには最適の参考書です。興味ある方は是非。

インタラクティブ・データビジュアライゼーション ―D3.jsによるデータの可視化
Scott Murray
オライリージャパン
売り上げランキング: 8,746

「インタラクティブ・データビジュアライゼーション」D3.jsのイチオシ参考書が出版されます
【D3.js】デザイナーにお勧め「インタラクティブ・データビジュアライゼーション」感想

その他、まとめ

データビジュアライゼーション(D3.js)を学ぶための教材まとめ
D3.js プラグインまとめ
D3.js Wrapper Library

D3に興味が湧いたら

他のD3関連記事もどうぞ。
D3関連記事

 - d3.js

  • このエントリーをはてなブックマークに追加

Comment

  1. […] ゴールデンウィーク中にD3.jsを学びたい方にお勧めな厳選まとめ | GUNMA GIS GEEK […]

  関連記事

インタラクティブ・データビジュアライゼーション ―D3.jsによるデータの可視化
【D3.js】デザイナーにお勧め「インタラクティブ・データビジュアライゼーション」感想

インタラクティブ・データビジュアライゼーション ―D3.jsによるデータの可視化 …

d3threejsjapan2
【D3.js&Three.js】各都道府県の人口に合わせて高さを変えてみた(3D地図)

example 昨日の記事の続きです。 各都道府県の人口データを元にMeshの厚 …

fabric8
D3.jsとFabric.jsを使ってcanvasに描画する

d3.js Advent Calendar 2013 4日目の参加記事です。 以 …

d3glob
JavaScriptでヘッドトラッキング

ヘッドトラッキングで地球儀をぐるぐる回すよ! example Gunma.web …

datamatic.io
D3.jsを使ったグラフを簡単に作成できるChromeアプリ「datamatic.io」

Chromeウエブストア datamatic.io 「datamatic.io」 …

github_geojson_search
GithubからGeoJSONを検索して地図上に表示するページを作ってみました。

example Google Custom Search APIを使って、Git …

Pie Chart Btn
D3.jsで円グラフになるボタン作った。

円グラフ祭り!

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

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

e0014773_12325886
FOSS4G 2014 Hokkaidoに行ってきました。

FOSS4G 2014 HokkaidoにてD3.jsに関する講演を行わせていた …

2016/4 earthquake
4月中に発生した地震を視覚化してみた。

Demo USGSにて公開されている過去30日分の地震データ(Past 30 D …