目 錄
第Ⅰ部分 數據可視化之美
第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
· · · · · · (收起)