数据分析与呈现——使用JavaScript & jQuery

内容概要

Jon Raasch是一位自由职业的Web开发者，曾撰写多本书籍。作为一名用户体验爱好者，他为桌面和移动设备构建HTML5和JavaScript应用。

Graham Murray是一位专注于构建UI开发工具的软件架构师。

Vadim Ogievetsky是Metamarkets的数据流处理师，负责开发数据可视化框架。

Joseph Lowery是一位专业Web设计师，也是一位在线培训师，在Lynda.com讲授如何创建网站和应用以及如何实现数据可视化。

书籍目录

目    录

第Ⅰ部分  数据可视化之美

第1章  数据可视化的世界
3

1.1  将数字带入生活中
3

1.1.1  采集数据
4

1.1.2  可视化数据
4

1.1.3  同时采集和可视化数据
5

1.2  数据可视化的应用
6

1.2.1  在公共部门中的应用
7

1.2.2  在B2B和企业内部的应用
7

1.2.3  B2C的使用
8

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

1.4  可用的技术
10

1.4.1  更快和更优秀的JavaScript处理
10

1.4.2  HTML5的崛起
11

1.4.3  降低实现门槛
12

1.5  小结
13

第2章  分析的基本要点
15

2.1  关键的分析概念
15

2.1.1  平均数和中位数
16

2.1.2  标准偏差
16

2.2  使用采样数据
18

2.2.1  标准偏差变异
18

2.2.2  人均计算
18

2.2.3  误差幅度
19

2.3  使用数据挖掘检测模式
19

2.4  预测未来趋势
20

2.5  小结
22

第3章  构建可视化基础
23

3.1  探索可视化数据的范围
23

3.1.1  图表图元
24

3.1.2  浏览高级可视化
35

3.1.3  蜡烛图
35

3.1.4  气泡图
36

3.1.5  曲面图
37

3.1.6  地图
38

3.1.7  信息图
39

3.2  使用HTML5 Canvas
41

3.3  集成SVG
43

3.4  小结
45

第Ⅱ部分  使用JavaScript进行分析

第4章  集成现有数据
49

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

4.1.1  异步工作
50

4.1.2  读取CSV文件
50

4.2  使用XML数据
52

4.2.1  了解XML格式
52

4.2.2  获得XML数据
53

4.2.3  使用XSLT设计样式
55

4.3  显示JSON内容
57

4.3.1  了解JSON语法
57

4.3.2  读取JSON数据
58

4.3.3  异步JSON
59

4.4  小结
62

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

5.1  使用HTML5表单控件
63

5.1.1  引入HTML5 输入类型
63

5.1.2  表单部件和数据格式化
64

5.2  最大化移动表单
65

5.2.1  使用上下文键盘
65

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

5.2.3  移动表单部件
66

5.3  小结
66

第6章  验证数据
69

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

6.2  原生HTML5验证
70

6.2.1  原生验证和JavaScript验证
71

6.2.2  了解HTML5验证
71

6.2.3  使用HTML5验证数字
72

6.2.4  必需的字段和最大长度
72

6.2.5  自定义HTML5验证规则
73

6.2.6  自定义HTML5验证消息
73

6.2.7  h5Validate polyfill
74

6.3  jQuery验证引擎
74

6.3.1 了解jQuery验证引擎
75

6.3.2  验证器
75

6.3.3  错误消息
79

6.4  小结
80

第7章  检查和排序数据表
81

7.1  输出基本的表格数据
82

7.1.1  构建表格
82

7.1.2  使用语义表格标记
84

7.1.3  为表格添加标签
88

7.1.4  配置列
89

7.2  确保最大可读性
92

7.2.1  设计表格
93

7.2.2  增加可读性
96

7.2.3  添加动态高亮效果
102

7.3  包含计算
104

7.3.1  使用JavaScript执行计算
108

7.3.2  填充表格
111

7.4  使用DataTables库
112

7.4.1  使用DataTables制作美观的表格
113

7.4.2  使用DataTables排序
116

7.4.3  使用DataTables创建计算列
118

7.5  将数据表关联到图表
120

7.6  小结
132

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

8.1  使用jStat执行统计分析
133

8.1.1  开始使用jStat
134

8.1.2  初步使用Stat
135

8.2  使用Flot渲染概率分布图
136

8.2.1  开始使用Flot
136

8.2.2  渲染正态分布曲线
138

8.3  小结
140

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

第9章  浏览绘图工具
143

9.1  创建HTML5画布图表
144

9.1.1  HTML5画布基础知识
144

9.1.2  线性插值
145

9.1.3  简单柱状图
146

9.1.4  实现坐标轴
161

9.1.5  添加动画
169

9.2  使用Google Charts
180

9.2.1  Google Charts API基础知识
180

9.2.2  基本的条形图
181

9.2.3  基本的饼状图
182

9.2.4  使用图表动画
184

9.3  小结
187

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

10.1  介绍Rapha?l
190

10.1.1  SVG和画布图表
190

10.1.2  开始使用Rapha?l
190

10.1.3  绘制路径
191

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

10.1.5  创建Rapha?l图形动画
194

10.1.6  使用Rapha?l处理鼠标事件
194

10.2  使用gRapha?l
195

10.2.1  创建饼状图
195

10.2.2  创建线形图
196

10.2.3  创建条形图和柱状图
199

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

10.3.1  创建通用模式
202

10.3.2  绘制弧形
203

10.3.3  将数据处理成可用的值
207

10.3.4  添加鼠标交互性
211

10.3.5  为数据添加标签
213

10.3.6  结束示例
215

10.4  小结
219

第11章  D3简介
221

11.1  开始学习
223

11.1.1  DOM和SVG
224

11.1.2  .select
224

11.1.3  .selectAll
225

11.1.4  .data(又称数据连接)
227

11.1.5  键函数
236

11.1.6  .transition
238

11.1.7  对象不变
240

11.1.8  嵌套选择
242

11.2  D3帮助函数
244

11.2.1  绘制线条
244

11.2.2  缩放
246

11.3  D3帮助布局
248

11.4  小结
251

第12章  使用符号
253

12.1  通过D3使用SVG符号
254

12.1.1  创建D3线形表
254

12.1.2  在线形表中添加符号
259

12.1.3  使符号变得可交互
260

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

12.2.1  使用Ignite UI igDataChart创建线形图
264

12.2.2  为图表添加符号
269

12.2.3  创建气泡图
272

12.3  小结
276

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

13.1  使用Google Maps
278

13.1.1  映射可视化的基础知识
278

13.1.2  Google Maps API v3
279

13.2  使用标记自定义地图
282

13.2.1  显示地图标记
283

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

13.2.3  使用标记绘制点数据
288

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

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

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

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

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

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

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

13.4  小结
310

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

14.1  使用股票数据
312

14.1.1  股票数据基础知识
312

14.1.2  获取一些股票数据
313

14.1.3  蜡烛图和OHLC(收市价图)
313

14.2  实现Ignite UI igDataChart
315

14.2.1  获取Ignite UI
316

14.2.2  使用igDataChart实现股票图
316

14.2.3  为图表添加缩放栏
325

14.2.4  添加同步图表
327

14.2.5  使用技术分析工具
329

14.3  绘制实时数据
330

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

14.3.2  在客户端接收更新
335

14.3.3  浏览更新渲染技术
341

14.4  绘制海量数据
343

14.5  小结
348

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

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

15.1  美国人口普查API
352

15.2  渲染图表
353

15.2.1  性别图表
353

15.2.2  种族图表
355

15.2.3  家庭规模图表
357

15.2.4  家庭不动产占有图表
358

15.2.5  年龄性别图表
359

15.2.6  人口历史图表
364

15.3  创建仪表盘
366

15.3.1  基本标记和样式
366

15.3.2  响应层
369

15.4  使用Backbone连接组件
370

15.4.1  创建模型和集合
371

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

15.4.3  创建州下拉菜单
374

15.4.4  渲染州的变化
376

15.5  下一步
392

15.5.1  在重置大小时重新渲染
392

15.5.2  其他改进
392

15.6  小结
392

第16章  D3实践
395

16.1  使D3看起来更完美
396

16.1.1  内嵌样式与CSS
396

16.1.2  外边距
396

16.1.3  排序
397

16.1.4  指针事件
398

16.1.5  清晰边缘
398

16.2  使用坐标轴
399

16.3  使用Voronoi地图
403

16.3.1  基本的Voronoi地图
403

16.3.2  Voronoi点选择
406

16.4  制作可重用的可视化
409

16.5  小结
416

作者简介

用JavaScript动态呈现数据

超越设计概念，借助现代JavaScript和jQuery的强大功能和灵活性，生动直观地分析和呈现数据！《数据分析与呈现——使用JavaScript & jQuery》循序渐进地讲解将数字融入生活的关键技术和工具，并列举紧贴实用的示例来演示如何在实际应用中使用这些技能。通过阅读本书，将可以深入学习JavaScript和jQuery核心库，识别数据透露的信息，并以较低成本创建可视化图表。配书网站包含所有示例代码、数据集以及库和其他资源的链接。

主要内容

◆
指导你使用自己首选的Web编程语言创建卓越的可视化图表

◆
提供用于分析和可视化的JavaScript和jQuery核心库的详情

◆
分析各种可视化方法和技术

◆
演示如何用JavaScript分析和操纵数据

◆
提供构建特定数据可视化类型所需的详明分步指令

◆
介绍绘制图表的技术，讲解如何创建和自定义地图以及如何使用D3和Ignite UI

◆
展示如何执行交互式分析以及如何开发可视化项目

 数据分析与呈现——使用JavaScript & jQuery下载