图说D3：数据可视化利器从入门到进阶

    本书以一个故事开始，阐释制作可视化数据图表的基本方法论，以及如何结合D3高效、快速地创建可视化图表。本书首先解释了可视化的基本涵义，以及D3的适用人群，然后从一个具体的例子入手，告诉我们如何去挑选合适的数据集，以什么样的形式来展现数据，同时对SVG进行了基础铺垫。在D3部分，本书介绍了D3的核心概念“选择集”与“数据连接”，同时对数据连接的几个经典场景进行了演绎，还结合D3介绍了绘图所要掌握的坐标系统、比例尺等基本概念。在数据加载方面，本书讲解了D3可以解析的多种数据格式，以及从后端加载数据的多种方法，同时解释了D3动画的制作方式，为制作交互式图表奠定了基础。*后，本书揭示了掌握D3的不二法门，并希望读者能够不断实践、持之以恒。全书写作风格生动有趣、内容通俗易懂，既适合D3初学者入门，也有助于有一定经验的前端开发者快速掌握D3。

    史涛，每刻科技技术副总裁，资深前端开发者。曾任网新恒天用户体验部总监，税友软件首席前端架构师。国内首批接触D3的开发者，对数据可视化有深刻的理解，曾将D3应用于多个大型项目的数据可视化。 里奇·王是视觉周刊以及FiveThirtyEight.com的记者,专注于数据可视化和交互功能。

1 以图叙事和D31
1.1 可视化，已可视1
1.2 图表赋予数据一种形式，该形式阐述了数据的内涵2
1.3 质量：内容为王4
1.4 设计：形式至上5
1.5 以图叙事6
1.6 开启D37
1.7 设计师为什么喜欢D38
1.8 程序员为什么钟爱D38
1.9 什么时候不该使用D39
1.10 D3的使用要点9
1.11 所需工具10
1.12 小结11
2 发掘并图解案例13
2.1 开始13
2.2 世界正在变老吗14
2.3 发现并研究数据15
2.4 打磨概念18
2.5 选择形式19
2.5.1 用柱形图展示数据19
2.5.2 用堆积柱形图展示数据20
2.5.3 用线图展示数据22
2.5.4 用饼图展示数据23
2.5.5 用条形图展示数据25
2.5.6 用多个微型条形图展示数据26
2.5.7 选图建议——思维导图28
2.6 本书将构建的例子30
2.7 小结31
3 可缩放矢量图形33
3.1 原理一瞥33
3.2 到底什么是SVG33
3.3 用D3绘制圆形34
3.4 在Web Inspector中查看SVG36
3.5 通过CSS改变SVG元素的风格37
3.6 其他图形39
3.6.1 矩形39
3.6.2 圆角矩形40
3.6.3 圆形40
3.6.4 椭圆41
3.6.5 多边形41
3.6.6 线42
3.6.7 路径42
3.7 SVG文本43
3.8 SVG样式属性46
3.8.1 颜色和透明46
3.8.2 笔触属性47
3.9 绘图顺序和编组49
3.10 变形51
3.11 用SVG构建条形图53
3.12 小结66
4 用D3选择集操控网页67
4.1 配置D367
4.2 选择元素68
4.2.1 使用CSS选择器创建选择集71
4.2.2 从其他选择集中新建选择集72
4.2.3 将选择集赋值为变量72
4.3 通过选择集修改属性72
4.3.1 attr()的工作原理74
4.3.2 使用attr()应用样式类和规则76
4.4 声明式的D377
4.5 链式方法调用77
4.5.1 在链式调用过程中新建选择集79
4.5.2 链式调用和变量赋值80
4.6 添加元素80
4.7 串在一起82
4.8 用d3.selectAll()选中多个元素84
4.9 使用选择集制作条形图85
4.9.1 使用变量96
4.9.2 数学运算98
4.9.3 使用更好的变量98
4.9.4 为数据使用变量99
4.9.5 进行显式约束100
4.9.6 使用循环101
4.10 小结107
5 数据连接：进入109
5.1 什么是数据连接109
5.2 数据连接的核心概念：进入110
5.3 进入并绑定数据112
5.4 使用数据连接制作条形图115
5.5 使用匿名函数访问绑定数据120
5.6 完成图形的剩余部分123
5.7 在对象中存储数据123
5.8 小结129
6 缩放图形并添加轴线131
6.1 线性比例尺131
6.2 灵巧地使用边距规范137
6.3 添加坐标轴139
6.4 序数比例尺和坐标轴147
6.5 小结160
7 加载并过滤外部数据161
7.1 使用人口分布数据构建图形161
7.2 D3兼容的数据格式162
7.3 创建服务器并上传数据163
7.3.1 通过命令行初始化服务器163
7.3.2 创建索引文件164
7.4 D3加载数据的方法165
7.4.1 回调方法165
7.4.2 D3如何解析CSV表格166
7.5 处理异步请求169
7.5.1 用外部数据创建条形图170
7.5.2 优化条形图172
7.6 加载和处理大（超大）数据集175
7.7 合并内容178
7.8 小结180
8 为图形添加交互和动画效果181
8.1 数据连接：更新和退出181
8.2 交互按钮185
8.2.1 用数据连接创建按钮186
8.2.2 让按钮更方便点击192
8.3 更新图形195
8.4 添加转场动画效果199
8.5 使用键200
8.6 小结202
9 添加播放按钮203
9.1 在方法中封装更新阶段203
9.2 在页面上添加播放按钮207
9.3 点击播放209
9.4 允许用户中断播放212
9.5 小结217
10 修行靠自身219
10.1 本书是学习D3的基础219
10.2 如何克服障碍220
10.3 持续编码222
10.4 小结222
附录A JavaScript入门223
A.1 JavaScript简介223
A.2 浏览器中的JavaScript控制台223
A.3 基本运算、变量及数据类型224
A.4 在页面和.js文件中编写JavaScript代码227
A.5 数组和对象229
A.6 方法和函数232
A.7 if语句和for循环233
A.8 调试237
附录B 整理人口分布数据241