d3.js:数据可视化利器

hello,data! 数据可视化与d3.js d3的四把斧：hello,d3 d3第1斧：声明DOM对象集 d3第2斧：声明数据集 d3第3斧：获得结果集 d3第4斧：实施DOM操作

选择集/selection select：选中单个元素 selectAll：选中多个元素 为什么需要选择集？ 插入数据驱动环节 each: 定制处理行为

style: CSS样式操作符 attr: 属性操作符 html：html内容操作符 text：文本内容操作符 append：追加操作符 insert：插入操作符 remove：删除操作符

selection.on：事件监听操作符 d3.event：DOM事件对象 d3.mouse：获得鼠标事件位置

数据可视化 data：数据操作符 enter：获得未匹配的数据 exit：获得未匹配的DOM元素 数据集：使用简单数组 数据集：使用对象数组 数据集：使用数据函数

转场/transition 实现原理：定时器 tween：定制转场计算过程 easing：控制动画的速度 预置的ease效果 style：设置样式目标值 attr：设置属性目标值

SVG path构造器 曲线构造器 使用x,y访问器 定义插值策略 区域构造器 定制区域构造器的行为 圆弧构造器 定制圆弧构造器的行为

比例尺 线性比例尺 指数比例尺 对数比例尺 时间比例尺 分类比例尺 预置比例尺：调色板