数据分析与呈现

用JavaScript动态呈现数据
超越设计概念，借助现代JavaScript和jQuery的强大功能和灵活性，生动直观地分析和呈现数据！《数据分析与呈现——使用JavaScript & jQuery》循序渐进地讲解将数字融入生活的关键技术和工具，并列举紧贴实用的示例来演示如何在实际应用中使用这些技能。通过阅读本书，将可以深入学习JavaScript和jQuery核心库，识别数据透露的信息，并以较低成本创建可视化图表。配书网站包含所有示例代码、数据集以及库和其他资源的链接。
主要内容
指导你使用自己优选的Web编程语言创建很好的可视化图表
提供用于分析和可视化的JavaScript和jQuery核心库的详情
分析各种可视化方法和技术
演示如何用JavaScript分析和操纵数据
提供构建特定数据可视化类型所需的详明分步指令
介绍绘制图表的技术，讲解如何创建和自定义地图以及如何使用D3和Ignite UI
展示如何执行交互式分析以及如何开发可视化项目

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

Graham Murray是一位软件架构师，他致力于构建UI开发工具。目前他在Infragistics公司工作，在这里他为桌面、和移动应用构建了数据可视化UI控件。他对许多编程 语言都拥有激情，并在它们之间构建了源到源的编译器。孩童时期，他在一本杂志的背后 找到了一些BASIC代码，此后就再也没有停止编程。

Vadim Ogievetsky是Metamarkets的一位开发者，在这里他将使用基于AngularJS的 D3来构建由数据驱动的交互式应用（可以进行扩展）。在Metamarkets工作之前，Vadim是Stanford Data Visualization小组的成员，在这里他为Protovis和D3做出了贡献。Vadim是D3和基于Web的数据可视化的狂热发起人；他在UC Berkeley、Harvard和Stanford以及其他大学、聚会和公司都对D3做过嘉宾演讲。

Joseph Lowery居住在布鲁林，他目前的工作内容有：构建网站、为Lynda.com和其他网站创建在线课程、写小说。他撰写的Web与Web构建工具相关的图书是靠前畅销书，在优选范围内的9种不同语言版本已经卖出了超过40万本。

第Ⅰ部分数据可视化之美
第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.3B2C的使用8
1.3Web专业人士：一直参与其中9
1.4可用的技术10
1.4.1更快和更优秀的JavaScript处理10
1.4.2HTML5的崛起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使用HTML5Canvas41
3.3集成SVG43
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异步JSON59
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.7h5Validatepolyfill74
6.3jQuery验证引擎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开始使用jStat134
8.1.2初步使用Stat135
8.2使用Flot渲染概率分布图136
8.2.1开始使用Flot136
8.2.2渲染正态分布曲线138
8.3小结140
第Ⅲ部分以编程的方式可视化数据
第9章浏览绘图工具143
9.1创建HTML5画布图表144
9.1.1HTML5画布基础知识144
9.1.2线性插值145
9.1.3简单柱状图146
9.1.4实现坐标轴161
9.1.5添加动画169
9.2使用GoogleCharts180
9.2.1GoogleChartsAPI基础知识180
9.2.2基本的条形图181
9.2.3基本的饼状图182
9.2.4使用图表动画184
9.3小结187
第10章使用Rapha?l构建自定义图表189
10.1介绍Rapha?l190
10.1.1SVG和画布图表190
10.1.2开始使用Rapha?l190
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?l195
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.1DOM和SVG224
11.1.2.select224
11.1.3.selectAll225
11.1.4.data(又称数据连接)227
11.1.5键函数236
11.1.6.transition238
11.1.7对象不变240
11.1.8嵌套选择242
11.2D3帮助函数244
11.2.1绘制线条244
11.2.2缩放246
11.3D3帮助布局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通过IgniteUIigDataChart使用画布符号264
12.2.1使用IgniteUIigDataChart创建线形图264
12.2.2为图表添加符号269
12.2.3创建气泡图272
12.3小结276
第13章映射全局、区域和局部数据277
13.1使用GoogleMaps278
13.1.1映射可视化的基础知识278
13.1.2GoogleMapsAPIv3279
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章使用IgniteUIigDataChart绘制时间系列311
14.1使用股票数据312
14.1.1股票数据基础知识312
14.1.2获取一些股票数据313
14.1.3蜡烛图和OHLC(收市价图)313
14.2实现IgniteUIigDataChart315
14.2.1获取IgniteUI316
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美国人口普查API352
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内嵌样式与CSS396
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.2Voronoi点选择406
16.4制作可重用的可视化409
16.5小结416