数据可视化实战 使用D3设计交互式图表 第2版 PDF下载

本书赞誉 　　xiii

前言 　　xvii

第 1 章　引言 　　1

1.1　为什么要将数据可视化 　　1

1.2　为什么要编程 　　2

1.3　为什么需要交互性 　　2

1.4　为什么要在Web 上 　　2

1.5　这是一本什么书 　　3

1.6　读者对象 　　3

1.7　本书不包含哪些内容 　　4

1.8　使用示例代码 　　4

1.9　谢谢你 　　5

第 2 章　D3 简介 　　6

2.1　D3 能做什么 　　6

2.2　D3 不能做什么 　　7

2.3　起源与背景 　　7

2.4　替代方案 　　8

2.4.1　简易图表 　　9

2.4.2　图可视化 　　9

2.4.3　地图映射 　　9

2.4.4　几乎从零开始的方案 　　10

2.4.5　三维图形 　　11

2.4.6　基于D3 的工具　　11

第3 章　技术基础 　　14

3.1　Web 　　14

3.2　HTML　　16

3.2.1　内容和结构 　　16

3.2.2　通过元素来添加结构 　　17

3.2.3　常用元素 　　18

3.2.4　属性 　　20

3.2.5　class 和id 　　20

3.2.6　注释 　　21

3.3　DOM　　21

3.4　开发者工具 　　22

3.5　渲染与盒模型 　　24

3.6　CSS 　　25

3.6.1　选择符 　　26

3.6.2　属性和值 　　27

3.6.3　注释 　　27

3.6.4　引用样式 　　27

3.6.5　继承、层叠和特指度 　　29

3.7　JavaScript 　　30

3.7.1　你好，控制台 　　30

3.7.2　变量 　　31

3.7.3　其他数据类型 　　32

3.7.4　数学运算符 　　35

3.7.5　比较运算符 　　36

3.7.6　逻辑运算符 　　36

3.7.7　控制结构 　　37

3.7.8　函数 　　39

3.7.9　注释 　　40

3.7.10　引用脚本文件 　　40

3.7.11　JavaScript 陷阱 　　40

3.8　SVG 　　45

3.8.1　SVG 元素 　　45

3.8.2　简单的形状 　　46

3.8.3　为SVG 元素添加样式 　　48

3.8.4　分层与绘制顺序 　　50

3.8.5　透明度 　　50

3.9　关于兼容性 　　53

第4 章　安装D3 　　54

4.1　下载D3 　　54

4.2　引用D3 　　54

4.3　配置Web 服务器 　　55

4.3.1　在终端里使用Python 　　56

4.3.2　MAMP、WAMP 和LAMP 　　56

4.3.3　快开始吧 　　57

第5 章　数据 　　58

5.1　创建页面元素 　　58

5.1.1　链式方法 　　60

5.1.2　逐个击破 　　61

5.1.3　平稳交接 　　61

5.1.4　不用链式语法 　　62

5.2　绑定数据 　　62

5.2.1　怎么绑定 　　62

5.2.2　数据 　　62

5.2.3　做出你的选择 　　67

5.2.4　绑定与确定 　　68

5.2.5　使用自己的数据 　　71

5.2.6　自定义函数 　　71

5.2.7　数据需要拥抱 　　73

5.2.8　添加样式 　　73

第6 章　用数据绘图 　　75

6.1　绘制DIV 　　75

6.1.1　设置属性 　　76

6.1.2　关于类 　　77

6.1.3　言归正传 　　77

6.1.4　设置样式 　　78

6.2　data() 的魔力 　　79

6.3　绘制SVG 　　83

6.3.1　创建SVG 　　83

6.3.2　数据驱动的图形 　　84

6.3.3　你好，色彩！ 　　86

6.4　绘制条形图 　　86

6.4.1　老方法生成的条形图 　　86

6.4.2　用新方法改进条形图 　　87

6.4.3　上色 　　92

6.4.4　标签 　　93

6.5　绘制散点图 　　95

6.5.1　数据 　　95

6.5.2　散点图 　　95

6.5.3　散点大小 　　97

6.5.4　标签 　　98

6.6　更上一层楼 　　99

第7 章　比例尺 　　100

7.1　苹果和像素 　　100

7.2　值域和范围 　　101

7.3　归一化 　　102

7.4　创建比例尺 　　102

7.5　缩放散点图 　　103

7.5.1　d3.min() 和d3.max() 　　103

7.5.2　设置动态缩放 　　104

7.5.3　整合缩放后的值 　　105

7.6　修饰图表 　　106

7.7　其他方法 　　108

7.8　其他比例尺 　　109

7.8.1　平方根比例尺 　　110

7.8.2　时间比例尺 　　 111

第8 章　数轴 　　115

8.1　数轴简介 　　115

8.2　设置数轴 　　116

8.3　定位数轴 　　117

8.4　优化刻度 　　120

8.5　垂直数轴 　　122

8.6　最后的润色 　　123

8.7　格式化刻度标签 　　124

8.8　时间数轴 　　125

第9 章　更新、过渡和动画 　　127

9.1　更新条形图 　　127

9.1.1　序数比例尺 　　128

9.1.2　自动分档 　　129

9.1.3　使用分档比例尺 　　130

9.1.4　其他更新 　　131

9.2　更新数据 　　131

9.2.1　通过事件监听器实现交互 　　132

9.2.2　改变数据 　　133

9.2.3　更新视觉元素 　　133

9.3　过渡动画 　　135

9.3.1　持续时间 　　136

9.3.2　缓动函数 　　138

9.3.3　延迟时间 　　138

9.3.4　使用随机数据 　　140

9.3.5　更新比例尺 　　142

9.3.6　更新数轴 　　144

9.3.7　在过渡开始和结束时执行操作 　　145

9.4　其他数据更新方式 　　152

9.4.1　添加值（和元素） 　　152

9.4.2　删除值（和元素） 　　156

9.4.3　通过键聚合数据 　　159

9.4.4　添加和删除组合拳 　　164

9.4.5　简要回顾 　　165

第 10 章　交互性 　　166

10.1　绑定事件监听器 　　166

10.2　什么是行为 　　167

10.3　分组SVG 元素 　　172

10.4　提示条 　　176

10.4.1　浏览器默认提示条　　177

10.4.2　SVG 元素提示条　　178

10.4.3　HTML 的div 提示条 　　179

10.5　适配触摸设备 　　182

10.6　更进一步 　　182

第 11 章　使用路径 　　183

11.1　折线图 　　184

11.1.1　准备数据 　　184

11.1.2　设置比例尺 　　186

11.1.3　串联成线 　　187

11.1.4　处理丢失的数据 　　188

11.1.5　改进折线图 　　190

11.2　区域图 　　191

第 12 章　选集 　　194

12.1　进一步了解选集 　　194

12.2　选择更具体的元素 　　198

12.3　保存选集 　　200

12.4　加入、合并和退出 　　201

12.4.1　加入元素的选集　　201

12.4.2　合并选集　　205

12.4.3　退出元素的选集　　209

12.5　根据数据过滤选集 　　210

第 13 章　布局 　　218

13.1　饼图布局 　　218

13.2　堆叠布局 　　223

13.2.1　新的顺序　　225

13.2.2　锚定条形　　227

13.2.3　堆叠区域　　227

13.3　力导向布局 　　230

13.3.1　准备网状数据　　230

13.3.2　定义力的模拟　　231

13.3.3　创建可见元素　　232

13.3.4　随时间更新可见元素　　233

13.3.5　可拖曳的节点　　234

第 14 章　导出文件 　　236

14.1　位图 　　236

14.2　PDF　　237

14.3　SVG 　　237

第 15 章　项目实战 　　241

15.1　准备数据 　　241

15.2　加载并解析数据 　　243

15.3　渲染初始视图 　　246

15.4　添加交互 　　249

15.5　改进样式 　　258

15.6　提供执行环境 　　259

15.7　编程像舞蹈还是园艺 　　261

附录A　案例研究 　　262

附录B　4.0 版本新增特性 　　287

附录C　进阶学习 　　291

附录D　分享代码 　　295

附录E　速查手册 　　298

作者简介 　　307

封面说明 　　307