『D3.js 初心者のための参考サイト（まとめ）』

D3.jsの使い方を調べるならこのサイト！をまとめてみました。

D3 入門 | スコット・マレイ | alignedleft
米・サンフランシスコ大学教養学部の助教授、Scott Murryによる D3.js チュートリアル。邦訳。

D3.js Data-Driven Documents
DOM、SVGの基本から始まり、D3.jsのスケール、軸、transition、behaviorまで学習できます。日本語。

D3.js入門(棒グラフをつくってみる)　ヘウレーカを廻って
D3.jsの記述仕方をざっと確認したい時に便利かと思います。日本語。

データ・ドリブン・ドキュメント
D3.jsの作者Mike Bostockの同名サイト（http://d3js.org/）の邦訳サイト。
チュートリアルと豊富なサンプル（動作確認できます）。

　・三つの小円 ：データと要素とセレクション（enter,update,exit）について

　・セレクションの仕組み ：セレクションがどのように実装されているのかという観点から分かりやすく説明

D3 wiki 日本語 Home
APIリファレンスがあります。邦訳。

GUNMA GIS GEEK ～群馬県の片隅でオープンデータとデータビジュアライゼーションとGISに戯れるエンジニアのブログ。～
清水正行による豊富なサンプル。日本語。
地理情報関連のデータビジュアライゼーション記事が多い。

D3.js例文辞典
古籏一浩によるサンプル。日本語。
ポイントを絞ったサンプルとなっていますので、参考にしやすいです。日本語。
（書籍化のために書き溜めているのでしょうか。）

＜アニメーションサンプル＞
24 circles demonstration
タイトルの通り、２４個の円（ボール）が派手に動きまわります。美しいです。
transition() delay() duration()

ScimprBlog
サンプルを動かして見せてくれていないみたい。
でも、ソースは参考になります。

D3.js timer()サンプル棒グラフがサイン波で動きます
僕がつくったサンプルです。タイトルの通り、d3.jsのtime()を使用してアニメーションさせています。こちらはＣＳＳの値を操作して、棒グラフの高さを変えています。なので、下のＳＶＧ版より軽快に動きますね（見た目わかりにくいかもですが・・）。

D3.js timer()サンプル棒グラフがサイン波で動きます ≪SVG版≫
で、これが↑のＳＶＧ版です。ちょっと形が変わりますが、正弦波です。癒されますヨ

以下、参考。

D3.jsとTopoJSONで地図を作る （邦訳）

初学者のみなさまの参考になれば幸いです。