第Ⅰ部分 数据可视化之美

第1章 数据可视化的世界

1.1 将数字带入生活中

1.1.1 采集数据

1.1.2 可视化数据

1.1.3 同时采集和可视化数据

1.2 数据可视化的应用

1.2.1 在公共部门中的应用

1.2.2 在B2B和企业内部的应用

1.2.3 B2C的使用

1.3 Web专业人士：一直参与其中

1.4 可用的技术

1.4.1 更快和更优秀的JavaScript处理

1.4.2 HTML5的崛起

1.4.3 降低实现门槛

1.5 小结

第2章 分析的基本要点

2.1 关键的分析概念

2.1.1 平均数和中位数

2.1.2 标准偏差

2.2 使用采样数据

2.2.1 标准偏差变异

2.2.2 人均计算

2.2.3 误差幅度

2.3 使用数据挖掘检测模式

2.4 预测未来趋势

2.5 小结

第3章 构建可视化基础

3.1 探索可视化数据的范围

3.1.1 图表图元

3.1.2 浏览高级可视化

3.1.3 蜡烛图

3.1.4 气泡图

3.1.5 曲面图

3.1.6 地图

3.1.7 信息图

3.2 使用HTML5 Canvas

3.3 集成SVG

3.4 小结

第Ⅱ部分 使用JavaScript进行分析

第4章 集成现有数据

4.1 从标准文本文件中读取数据

4.1.1 异步工作

4.1.2 读取CSV文件

4.2 使用XML数据

4.2.1 了解XML格式

4.2.2 获得XML数据

4.2.3 使用XSLT设计样式

4.3 显示JSON内容

4.3.1 了解JSON语法

4.3.2 读取JSON数据

4.3.3 异步JSON

4.4 小结

第5章 以交互方式收集数据

5.1 使用HTML5表单控件

5.1.1 引入HTML5输入类型

5.1.2 表单部件和数据格式化

5.2 最大化移动表单

5.2.1 使用上下文键盘

5.2.2 样式化移动表单增加可用性

5.2.3 移动表单部件

5.3 小结

第6章 验证数据

6.1 服务器端验证和客户端验证

6.2 原生HTML5验证

6.2.1 原生验证和JavaScript验证

6.2.2 了解HTML5验证

6.2.3 使用HTML5验证数字

6.2.4 必需的字段和最大长度

6.2.5 自定义HTML5验证规则

6.2.6 自定义HTML5验证消息

6.2.7 h5Validate polyfill

6.3 jQuery验证引擎

6.3.1 了解jQuery验证引擎

6.3.2 验证器

6.3.3 错误消息

6.4 小结

第7章 检查和排序数据表

7.1 输出基本的表格数据

7.1.1 构建表格

7.1.2 使用语义表格标记

7.1.3 为表格添加标签

7.1.4 配置列

7.2 确保最大可读性

7.2.1 设计表格

7.2.2 增加可读性

7.2.3 添加动态高亮效果

7.3 包含计算

7.3.1 使用JavaScript执行计算

7.3.2 填充表格

7.4 使用DataTables库

7.4.1 使用DataTables制作美观的表格

7.4.2 使用DataTables排序

7.4.3 使用DataTables创建计算列

7.5 将数据表关联到图表

7.6 小结

第8章 在客户端执行统计分析

8.1 使用jStat执行统计分析

8.1.1 开始使用jStat

8.1.2 初步使用Stat

8.2 使用Flot渲染概率分布图

8.2.1 开始使用Flot

8.2.2 渲染正态分布曲线

8.3 小结

第Ⅲ部分 以编程的方式可视化数据

第9章 浏览绘图工具

9.1 创建HTML5画布图表

9.1.1 HTML5 画布基础知识

9.1.2 线性插值

9.1.3 简单柱状图

9.1.4 实现坐标轴

9.1.5 添加动画

9.2 使用Google Charts

9.2.1 Google Charts API 基础知识

9.2.2 基本的条形图

9.2.3 基本的饼状图

9.2.4 使用图表动画

9.3 小结

第10章 使用Rapha？l构建自定义图表

10.1 介绍Rapha？l

10.1.1 SVG和画布图表

10.1.2 开始使用Rapha？l

10.1.3 绘制路径

10.1.4 将自定义图形导入到Rapha？l中

10.1.5 创建Rapha？l图形动画

10.1.6 使用Rapha？l处理鼠标事件

10.2 使用gRapha？l

10.2.1 创建饼状图

10.2.2 创建线形图

10.2.3 创建条形图和柱状图

10.3 扩展Rapha？l来创建自定义图表

10.3.1 创建通用模式

10.3.2 绘制弧形

10.3.3 将数据处理成可用的值

10.3.4 添加鼠标交互性

10.3.5 为数据添加标签

10.3.6 结束示例

10.4 小结

第11章 D3简介

11.1 开始学习

11.1.1 DOM和SVG

11.1.2.select

11.1.3.selectAll

11.1.4.data（又称数据连接）

11.1.5 键函数

11.1.6.transition

11.1.7 对象不变

11.1.8 嵌套选择

11.2 D3帮助函数

11.2.1 绘制线条

11.2.2 缩放

11.3 D3帮助布局

11.4 小结

第12章 使用符号

12.1 通过D3使用SVG符号

12.1.1 创建D3线形表

12.1.2 在线形表中添加符号

12.1.3 使符号变得可交互

12.2 通过Ignite UI igDataChart使用画布符号

12.2.1 使用Ignite UI igDataChart创建线形图

12.2.2 为图表添加符号

12.2.3 创建气泡图

12.3 小结

第13章 映射全局、区域和局部数据

13.1 使用Google Maps

13.1.1 映射可视化的基础知识

13.1.2 Google MapsAPI v3

13.2 使用标记自定义地图

13.2.1 显示地图标记

13.2.2 准备将要绘制在地图上的数据

13.2.3 使用标记绘制点数据

13.2.4 使用标记区域绘制一个额外的统计信息

13.2.5 使用热度地图显示数据密度

13.3 在分级统计图中绘制数据

13.3.1 获取几何图形绘制在地图上

13.3.2 使用Topojson转换几何图形用于显示

13.3.3 使用D3渲染地图几何图形

13.3.4 使用分级统计地图显示统计信息

13.4 小结

第14章 使用Ignite UI igDataChart绘制时间系列

14.1 使用股票数据

14.1.1 股票数据基础知识

14.1.2 获取一些股票数据

14.1.3 蜡烛图和OHLC（收市价图）

14.2 实现Ignite UI igDataChart

14.2.1 获取Ignite UI

14.2.2 使用igDataChart实现股票图

14.2.3 为图表添加缩放栏

14.2.4 添加同步图表

14.2.5 使用技术分析工具

14.3 绘制实时数据

14.3.1 创建一个节点推送数据服务

14.3.2 在客户端接收更新

14.3.3 浏览更新渲染技术

14.4 绘制海量数据

14.5 小结

第Ⅳ部分 交互式分析和可视化项目

第15章 构建一个内部相互连接的仪表盘

15.1 美国人口普查API

15.2 渲染图表

15.2.1 性别图表

15.2.2 种族图表

15.2.3 家庭规模图表

15.2.4 家庭不动产占有图表

15.2.5 年龄性别图表

15.2.6 人口历史图表

15.3 创建仪表盘

15.3.1 基本标记和样式

15.3.2 响应层

15.4 使用Backbone连接组件

15.4.1 创建模型和集合

15.4.2 将图表标记转换成JavaScript模板

15.4.3 创建州下拉菜单

15.4.4 渲染州的变化

15.5 下一步

15.5.1 在重置大小时重新渲染

15.5.2 其他改进

15.6 小结

第16章 D3实践

16.1 使D3看起来更完美

16.1.1 内嵌样式与CSS

16.1.2 外边距

16.1.3 排序

16.1.4 指针事件

16.1.5 清晰边缘

16.2 使用坐标轴

16.3 使用Voronoi地图

16.3.1 基本的Voronoi地图

16.3.2 Voronoi点选择

16.4 制作可重用的可视化

16.5 小结