D3 js learning process

强烈推荐的Blog,里面的资料整理很全面:
d3 学习资料OUR d3.js
Mike Bostock D3 examples
里面有超多的Mike Bostock写的d3的例子,但是不太容易检索。

学习d3的相关教程:

  1. 为什么选择d3?
  2. Mike Bostock的d3教程部分中文版
  3. Scott Murray的d3教学
  4. 关于d3关于数据可视化的blog,入门

d3相关的学习Blog:

  1. 简单入门并且有些思考
  2. Mike Bostock的关于d3 joins的Blog

JSfiddle:

  1. windse7en’s JSFiddle
  2. 动起来的柱状图
  3. 让动起来的加上鼠标事件

d3 学习tips:
不要忘记加

  1. d3学习笔记在google,doc上

d3 学习过程:
选择元素– 绑定数据– 添加元素– 添加文字

d3的元素:svg,scale,axis,
d3元素响应事件

d3的作品:

散点图(二维):
中国2014年各省购车情况

时间轴,方格阵:
中国股市晴雨图
中国历史人口150年
Great Performance Coordinates