掃一掃
關(guān)注中圖網(wǎng)
官方微博
包郵 JavaScript數(shù)據(jù)可視化編程-全彩印刷
開本：
32開
頁數(shù)：
366
本類五星書更多>
-
>
全國計算機(jī)等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應(yīng)用
-
>
決戰(zhàn)行測5000題(言語理解與表達(dá))
-
>
軟件性能測試.分析與調(diào)優(yōu)實踐之路
-
>
第一行代碼Android
-
>
JAVA持續(xù)交付
-
>
EXCEL最強(qiáng)教科書(完全版)(全彩印刷)
-
>
深度學(xué)習(xí)
JavaScript數(shù)據(jù)可視化編程-全彩印刷 版權(quán)信息
- ISBN：9787115444356
- 條形碼：9787115444356 ; 978-7-115-44435-6
- 裝幀：一般膠版紙
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>>
JavaScript數(shù)據(jù)可視化編程-全彩印刷 本書特色
數(shù)據(jù)可視化是實現(xiàn)數(shù)據(jù)價值的重要工具。數(shù)據(jù)可視化可以將抽象的數(shù)字累積轉(zhuǎn)變成為圖形、表單等，讓普通人可以快速理解數(shù)據(jù)所代表的情況或趨勢。 本書是學(xué)習(xí)如何用JavaScript實現(xiàn)數(shù)據(jù)可視化的一本實踐指南。全書共10章，首先從一些基礎(chǔ)的可視化方法開始，講解了如何使用Flotr2庫創(chuàng)建基本的圖表；如何使用jQuery的Flot庫、sparkline庫；用JavaScript庫實現(xiàn)不同于傳統(tǒng)圖表的特殊可視化；實現(xiàn)基于時間、地理位置的可視化效果；如何使用D3.js庫和Underscore.js庫；以及如何使用Yeoman和Backbone.js庫構(gòu)建數(shù)據(jù)驅(qū)動的Web應(yīng)用。 本書重視數(shù)據(jù)可視化的設(shè)計和實現(xiàn)，重視基礎(chǔ)知識，書中所列舉的示例，兼顧易學(xué)性、復(fù)雜性、理論性和實用性。本書適合從事前端設(shè)計、數(shù)據(jù)可視化設(shè)計和實現(xiàn)的專業(yè)人士閱讀，可以供有一定JavaScript基礎(chǔ)并想要從事相關(guān)工作的程序員學(xué)習(xí)參考。
JavaScript數(shù)據(jù)可視化編程-全彩印刷 內(nèi)容簡介
在工作中，我們經(jīng)常需要展示一些數(shù)據(jù)。如何選擇合適的數(shù)據(jù)可視化方式，以及如何在 Web 上應(yīng) 用和實現(xiàn)這樣一種方式，這是我們經(jīng)常會遇到的問題。通過閱讀本書，你將學(xué)會如何使用 JavaScript、 HTML、CSS 構(gòu)建實用而有效的數(shù)據(jù)可視化方案。本書給出了大量實際的例子，通過分步講解的方式，詳 細(xì)描述了可視化方案的創(chuàng)建、集成、調(diào)試的整個過程，以幫助讀者迅速掌握像柱狀圖、折線圖、散點圖等 基本的數(shù)據(jù)可視化圖形技術(shù)。 在掌握了基本圖形的實現(xiàn)之后，本書還教授了如下這些高級的數(shù)據(jù)可視化技術(shù)： ● 創(chuàng)建樹狀圖、熱力圖、網(wǎng)絡(luò)圖、文字云、時間軸； ● 地圖數(shù)據(jù)的可視化映射、創(chuàng)建波形圖和復(fù)合圖表； ● 使用AJAX為圖形添加交互行為； ● 在瀏覽器中管理數(shù)據(jù)，以及創(chuàng)建數(shù)據(jù)驅(qū)動的Web應(yīng)用程序； ● 利用Flotr2、Flot、Chronoline.js、D3.js、Underscore.js、Backbone.js實現(xiàn)數(shù)據(jù)可視化。 本書適合想要學(xué)習(xí) Web 上的數(shù)據(jù)可視化技術(shù)的讀者，并能夠幫助他們快速構(gòu)建簡單而強(qiáng)大的數(shù)據(jù)可視化方案。
JavaScript數(shù)據(jù)可視化編程-全彩印刷 目錄
第1章 圖像數(shù)據(jù) 1
1.1 創(chuàng)建基礎(chǔ)的柱狀圖 2
1.1.1 第1步 引入所需的JavaScript代碼 2
1.1.2 第2步 創(chuàng)建一個用來包含圖表的 元素 3
1.1.3 第3步 定義數(shù)據(jù) 3
1.1.4 第4步 繪制圖表 4
1.1.5 第5步 改進(jìn)縱軸 5
1.1.6 第6步 改進(jìn)橫軸 6
1.1.7 第7步 調(diào)整樣式 8
1.1.8 第8步 多彩的柱體色彩 9
1.1.9 第9步 Flotr2可能會出現(xiàn)的一些“bug”及處理方案 11
1.2 用折線圖來繪制連續(xù)數(shù)據(jù) 12
1.2.1 第1步 定義數(shù)據(jù) 12
1.2.2 第2步 繪制二氧化碳數(shù)據(jù)的圖像 13
1.2.3 第3步 添加溫度數(shù)據(jù) 14
1.2.4 第4步 改進(jìn)圖表的可讀性 14
1.2.5 第5步 讓用戶理解右側(cè)的溫度標(biāo)記 16
1.2.6 第6步 給圖表添加標(biāo)注 17
1.2.7 第7步 Flotr2“bugs”的應(yīng)急方案 19
1.3 使用餅圖強(qiáng)調(diào)部分?jǐn)?shù)據(jù) 19
1.3.1 第1步 定義數(shù)據(jù) 20
1.3.2 第2步 繪制圖表 21
1.3.3 第3步 標(biāo)注數(shù)值 22
1.3.4 第4步 Flotr2“bugs”的應(yīng)急方案 23
1.4 用離散圖表繪制x/y值 23
1.4.1 第1步 定義數(shù)據(jù) 23
1.4.2 第2步 格式化數(shù)據(jù) 24
1.4.3 第3步 繪制數(shù)據(jù) 24
1.4.4 第4步 調(diào)整圖表的軸 25
1.4.5 第5步 標(biāo)注數(shù)據(jù) 26
1.4.6 第6步 闡明x軸 27
1.4.7 第7步 回答用戶的問題 28
1.4.8 第8步 解決Flotr2的“bugs” 32
1.5 用氣泡圖表示數(shù)量擴(kuò)展x/y數(shù)據(jù) 32
1.5.1 第1步 定義數(shù)據(jù) 32
1.5.2 第2步 給圖表創(chuàng)建背景圖 33
1.5.3 第3步 繪制數(shù)據(jù) 34
1.5.4 第4步 添加背景 35
1.5.5 第5步 給氣泡上色 36
1.5.6 第6步 調(diào)整圖例的樣式 38
1.5.7 第7步 Flotr2“bugs”的應(yīng)急預(yù)案 39
1.6 使用雷達(dá)圖顯示多維數(shù)據(jù) 39
1.6.1 第1步 定義數(shù)據(jù) 40
1.6.2 第2步 創(chuàng)建圖表 42
1.6.3 第3步 Flotr2“bugs”的應(yīng)急預(yù)案 43
1.7 小結(jié) 43
第2章 和圖表進(jìn)行交互 45
2.1 選擇圖表內(nèi)容 46
2.1.1 第1步 包含需要的JavaScript類庫 46
2.1.2 第2步 設(shè)置一個div元素來盛放圖表 48
2.1.3 第3步 準(zhǔn)備數(shù)據(jù) 48
2.1.4 第4步 繪制圖表 49
2.1.5 第5步 添加控件 49
2.1.6 第6步 定義適合交互的數(shù)據(jù)結(jié)構(gòu) 52
2.1.7 第7步 基于交互狀態(tài)確定圖表數(shù)據(jù) 53
2.1.8 第8步 使用JavaScript添加控件 55
2.1.9 第9步 響應(yīng)交互控件的操作 56
2.2 縮放圖表 58
2.2.1 第1步 準(zhǔn)備頁面 58
2.2.2 第2步 繪制圖表 59
2.2.3 第3步 準(zhǔn)備支持交互的數(shù)據(jù) 60
2.2.4 第4步 準(zhǔn)備接受交互事件 60
2.2.5 第5步 開啟交互 61
2.3 追蹤數(shù)據(jù)的值 64
2.3.1 第1步 留出一個 元素來保存所有圖表 65
2.3.2 第2步 準(zhǔn)備數(shù)據(jù) 66
2.3.3 第3步 繪制圖表 66
2.3.4 第4步 實施交互 70
2.4 使用AJAX獲取數(shù)據(jù) 75
2.4.1 第1步 理解源數(shù)據(jù) 75
2.4.2 第2步 通過AJAX獲得**層的數(shù)據(jù) 76
2.4.3 第3步 處理**層數(shù)據(jù) 80
2.4.4 第4步 獲取實際數(shù)據(jù) 81
2.4.5 第5步 處理數(shù)據(jù) 84
2.4.6 第6步 創(chuàng)建圖表 85
2.5 小結(jié) 88
第3章 在頁面中整合圖表 89
3.1 創(chuàng)建經(jīng)典的sparkline 90
3.1.1 第1步 加載需要請求的JavaScript庫 90
3.1.2 第2步 創(chuàng)建sparkline的HTML標(biāo)簽 91
3.1.3 第3步 繪制sparkline 92
3.1.4 第4步 調(diào)整圖表樣式 92
3.2 繪制多個變量 94
3.2.1 第1步 準(zhǔn)備HTML標(biāo)簽 95
3.2.2 第2步 繪制圖表 96
3.2.3 第3步 建立一套默認(rèn)的圖表樣式 96
3.2.4 第4步 修改指定class的默認(rèn)樣式 97
3.2.5 第5步 為指定圖表創(chuàng)建唯一的樣式 99
3.3 sparkline的注解 101
3.3.1 第1步 準(zhǔn)備數(shù)據(jù) 102
3.3.2 第2步 準(zhǔn)備HTML標(biāo)簽 102
3.3.3 第3步 添加圖表 103
3.3.4 第4步 添加主要注釋 103
3.3.5 第5步 提供附加信息 105
3.4 繪制復(fù)合圖表 106
3.4.1 第1步 繪制交易量圖表 106
3.4.2 第2步 添加收盤價圖表 107
3.4.3 第3步 添加注解 108
3.4.4 第4步 把詳情也當(dāng)作圖表來展示 109
3.5 對點擊事件進(jìn)行響應(yīng) 110
3.5.1 第1步 添加圖表 111
3.5.2 第2步 處理點擊事件 111
3.5.3 第3步 改進(jìn)過渡效果 113
3.5.4 第4步 添加動畫效果 114
3.6 實時更新圖表 115
3.6.1 第1步 獲取數(shù)據(jù) 116
3.6.2 第2步 更新可視化 117
3.7 小結(jié) 118
第4章 創(chuàng)建特殊圖表 119
4.1 用tree map來圖像化層級 119
4.1.1 第1步 包含需要的類庫 120
4.1.2 第2步 準(zhǔn)備數(shù)據(jù) 120
4.1.3 第3步 繪制tree map 121
4.1.4 第4步 通過改變底色展示附加數(shù)據(jù) 122
4.2 用熱力圖突出顯示地區(qū) 125
4.2.1 第1步 加載需要的JavaScript 126
4.2.2 第2步 定義可視化數(shù)據(jù) 127
4.2.3 第3步 創(chuàng)建背景圖片 127
4.2.4 第4步 留出包含可視化內(nèi)容的HTML元素 128
4.2.5 第5步 格式化數(shù)據(jù) 128
4.2.6 第6步 繪制地圖 129
4.2.7 第7步 調(diào)整熱力圖的z-index 130
4.3 用網(wǎng)絡(luò)圖展示節(jié)點間的關(guān)系 130
4.3.1 第1步 加載需要的類庫 130
4.3.2 第2步 準(zhǔn)備數(shù)據(jù) 131
4.3.3 第3步 定義圖表的節(jié)點 132
4.3.4 第4步 用邊線鏈接節(jié)點 133
4.3.5 第5步 自動布局 134
4.3.6 第6步 添加交互 136
4.4 用文字云的形式展示開發(fā)語言的使用比例 139
4.4.1 第1步 加載需要的類庫 139
4.4.2 第2步 準(zhǔn)備數(shù)據(jù) 140
4.4.3 第3步 添加需要的標(biāo)簽 141
4.4.4 第4步 創(chuàng)建一個簡單的云 142
4.4.5 第5步 添加交互 143
4.5 小結(jié) 146
第5章 時間軸顯示 147
5.1 使用庫構(gòu)建時間軸 148
5.1.1 第1步 引入所需類庫 148
5.1.2 第2步 準(zhǔn)備數(shù)據(jù) 149
5.1.3 第3步 畫出時間軸 150
5.1.4 第4步 為數(shù)據(jù)設(shè)置對應(yīng)的Chronoline.js選項 151
5.2 使用JavaScript構(gòu)建時間軸 154
5.2.1 第1步 準(zhǔn)備好HTML結(jié)構(gòu) 155
5.2.2 第2步 開始執(zhí)行JavaScript 155
5.2.3 第3步 運用語義化的html來創(chuàng)建時間軸 156
5.2.4 第4步 添加內(nèi)容說明 159
5.2.5 第5步 選擇性地借助jQuery 161
5.2.6 第6步 用CSS解決時間軸的樣式問題 161
5.2.7 第7步 為時間軸添加一些利于信息結(jié)構(gòu)展現(xiàn)的樣式 163
5.2.8 第8步 添加交互效果 165
5.3 使用Web組件 170
5.3.1 第1步 回顧標(biāo)準(zhǔn)組件 170
5.3.2 第2步 引入需要的組件 173
5.3.3 第3步 準(zhǔn)備數(shù)據(jù) 173
5.3.4 第4步 創(chuàng)建一個默認(rèn)的時間軸 175
5.3.5 第5步 調(diào)整時間軸樣式 178
5.4 小結(jié) 181
第6章 地理位置信息的可視化 182
6.1 使用字體構(gòu)建地圖 183
6.1.1 第1步 在頁面中引入地圖字體組件 183
6.1.2 第2步 在頁面中顯示出某一個國家的地圖 183
6.1.3 第3步 將多個國家整合進(jìn)地圖 185
6.1.4 第4步 根據(jù)數(shù)據(jù)的不同使各國呈現(xiàn)可視化上的差異 186
6.1.5 第5步 添加圖例 188
6.2 使用SVG繪制可視化地圖 189
6.2.1 第1步 創(chuàng)建SVG地圖 191
6.2.2 第2步 在頁面中嵌入地圖 192
6.2.3 第3步 收集數(shù)據(jù) 193
6.2.4 第4步 定義色彩主題 195
6.2.5 第5步 為地圖上色 196
6.2.6 第6步 加上圖例 197
6.2.7 第7步 添加交互效果 198
6.3 將地圖引入到可視化的背景中 201
6.3.1 第1步 建立Web頁面 202
6.3.2 第2步 準(zhǔn)備數(shù)據(jù) 203
6.3.3 第3步 選擇地圖樣式 203
6.3.4 第4步 地圖繪制 204
6.3.5 第5步 加上目擊事件 205
6.4 集成一個功能完備的地圖庫 206
6.4.1 第1步 準(zhǔn)備數(shù)據(jù) 207
6.4.2 第2步 建立Web頁面和相關(guān)的庫 207
6.4.3 第3步 繪制基本地圖 208
6.4.4 第4步 為地圖加上路線 210
6.4.5 第5步 添加動畫控制器 212
6.4.6 第6步 準(zhǔn)備添加動畫 216
6.4.7 第7步 使路線具有動畫效果 217
6.4.8 第8步 為每個站點加上標(biāo)簽 220
6.4.9 第9步 在標(biāo)簽上應(yīng)用動畫 223
6.4.10 第10步 將標(biāo)簽動畫整合進(jìn)整個動畫的步驟之中 225
6.4.11 第11步 加上標(biāo)題 228
6.5 小結(jié) 230
第7章 用D3.js自定義可視化數(shù)據(jù)視圖 231
7.1 適應(yīng)傳統(tǒng)的圖表類型 232
7.1.1 第1步 準(zhǔn)備數(shù)據(jù) 233
7.1.2 第2步 建立Web頁面 233
7.1.3 第3步 為可視化視圖創(chuàng)建一個平臺 234
7.1.4 第4步 控制圖表的尺寸 235
7.1.5 第5步 畫出圖表框架 237
7.1.6 第6步 在圖中加入數(shù)據(jù) 239
7.1.7 第7步 解答用戶的問題 240
7.2 創(chuàng)建一個力導(dǎo)向網(wǎng)絡(luò)圖 241
7.2.1 第1步 準(zhǔn)備數(shù)據(jù) 242
7.2.2 第2步 創(chuàng)建頁面 244
7.2.3 第3步 創(chuàng)建展示平臺 244
7.2.4 第4步 繪制節(jié)點 244
7.2.5 第5步 繪制連線 247
7.2.6 第6步 將元素定位 248
7.2.7 第7步 加入力導(dǎo)向 249
7.2.8 第8步 添加交互效果 252
7.2.9 第9步 一些其他方面的體驗改進(jìn) 255
7.3 創(chuàng)建可縮放的地圖 256
7.3.1 第1步 準(zhǔn)備數(shù)據(jù) 256
7.3.2 第2步 建立頁面 257
7.3.3 第3步 創(chuàng)建地圖投影 257
7.3.4 第4步 初始化SVG容器 258
7.3.5 第5步 取回地圖數(shù)據(jù) 258
7.3.6 第6步 繪制地圖 258
7.3.7 第7步 取回天氣數(shù)據(jù) 259
7.3.8 第8步 在地圖上體現(xiàn)數(shù)據(jù) 260
7.3.9 第9步 添加交互效果 261
7.4 創(chuàng)建一個特殊的可視化視圖 263
7.4.1 第1步 準(zhǔn)備數(shù)據(jù) 264
7.4.2 第2步 設(shè)置頁面 264
7.4.3 第3步 為視圖建立一個舞臺 265
7.4.4 第4步 創(chuàng)建比例 265
7.4.5 第5步 取回數(shù)據(jù) 268
7.4.6 第6步 繪制視圖 270
7.4.7 第7步 給視圖上色 271
7.4.8 第8步 添加交互效果 275
7.5 小結(jié) 279
第8章 在瀏覽器中管理數(shù)據(jù) 280
8.1 使用函數(shù)式編程 281
8.1.1 第1步 先來個指令式編程風(fēng)格版本 281
8.1.2 第2步 調(diào)試指令式風(fēng)格代碼 282
8.1.3 第3步 理解指令式編程可能帶來的問題 283
8.1.4 第4步 使用函數(shù)式編程風(fēng)格重寫 283
8.1.5 第5步 評估性能 284
8.1.6 第6步 修復(fù)性能問題 284
8.2 使用數(shù)組 286
8.2.1 按位置提取元素 286
8.2.2 合并數(shù)組 288
8.2.3 去除無效數(shù)據(jù) 291
8.2.4 找到數(shù)組中的元素 292
8.2.5 生成數(shù)組 293
8.3 處理對象 293
8.3.1 處理屬性名和屬性值 294
8.3.2 清理對象子集 296
8.3.3 更新屬性 297
8.4 處理集合 299
8.4.1 使用迭代工具函數(shù) 300
8.4.2 在集合中找到元素 302
8.4.3 檢驗集合 303
8.4.4 調(diào)整集合順序 304
8.5 小結(jié) 305
第9章 創(chuàng)建數(shù)據(jù)驅(qū)動的網(wǎng)絡(luò)應(yīng)用：第1部分 306
9.1 框架與函數(shù)庫 307
9.1.1 第1步 選擇一個應(yīng)用函數(shù)庫 307
9.1.2 第2步 安裝開發(fā)工具 308
9.1.3 第3步 建立新項目 309
9.1.4 第4步 加入我們的特殊依賴 311
9.2 模型與視圖 313
9.2.1 第1步 定義應(yīng)用的模型 314
9.2.2 第2步 實現(xiàn)模型 316
9.2.3 第3步 定義應(yīng)用的集合 317
9.2.4 第4步 定義應(yīng)用的主視圖 319
9.2.5 第5步 定義主視圖模板 323
9.2.6 第6步 改善主視圖 326
9.3 可視化視圖 329
9.3.1 第1步 定義額外視圖 329
9.3.2 第2步 實現(xiàn)Details視圖 329
9.3.3 第3步 實現(xiàn)Properties視圖 330
9.3.4 第4步 實現(xiàn)Map視圖 334
9.3.5 第5步 實現(xiàn)Charts視圖 337
9.4 小結(jié) 338
第8章 創(chuàng)建數(shù)據(jù)驅(qū)動的網(wǎng)絡(luò)應(yīng)用：第2部分 340
10.1 連接Nike 服務(wù) 340
10.1.1 第1步 驗證用戶權(quán)限 341
10.1.2 第2步 接收Nike 返回數(shù)據(jù) 343
10.1.3 第3步 處理翻頁 343
10.1.4 第4步 動態(tài)更新視圖 348
10.1.5 第5步 過濾集合 349
10.1.6 第6步 解析返回值 350
10.1.7 第7步 獲取詳細(xì)數(shù)據(jù) 350
10.2 組裝完整應(yīng)用 354
10.2.1 第1步 創(chuàng)建Backbone.js 路由控制器（router） 354
10.2.2 第2步 支持不屬于任何集合的Run模型 357
10.2.3 第3步 讓用戶改變視圖 359
10.2.4 第4步 應(yīng)用調(diào)優(yōu) 364
10.3 小結(jié) 366
1.1 創(chuàng)建基礎(chǔ)的柱狀圖 2
1.1.1 第1步 引入所需的JavaScript代碼 2
1.1.2 第2步 創(chuàng)建一個用來包含圖表的 元素 3
1.1.3 第3步 定義數(shù)據(jù) 3
1.1.4 第4步 繪制圖表 4
1.1.5 第5步 改進(jìn)縱軸 5
1.1.6 第6步 改進(jìn)橫軸 6
1.1.7 第7步 調(diào)整樣式 8
1.1.8 第8步 多彩的柱體色彩 9
1.1.9 第9步 Flotr2可能會出現(xiàn)的一些“bug”及處理方案 11
1.2 用折線圖來繪制連續(xù)數(shù)據(jù) 12
1.2.1 第1步 定義數(shù)據(jù) 12
1.2.2 第2步 繪制二氧化碳數(shù)據(jù)的圖像 13
1.2.3 第3步 添加溫度數(shù)據(jù) 14
1.2.4 第4步 改進(jìn)圖表的可讀性 14
1.2.5 第5步 讓用戶理解右側(cè)的溫度標(biāo)記 16
1.2.6 第6步 給圖表添加標(biāo)注 17
1.2.7 第7步 Flotr2“bugs”的應(yīng)急方案 19
1.3 使用餅圖強(qiáng)調(diào)部分?jǐn)?shù)據(jù) 19
1.3.1 第1步 定義數(shù)據(jù) 20
1.3.2 第2步 繪制圖表 21
1.3.3 第3步 標(biāo)注數(shù)值 22
1.3.4 第4步 Flotr2“bugs”的應(yīng)急方案 23
1.4 用離散圖表繪制x/y值 23
1.4.1 第1步 定義數(shù)據(jù) 23
1.4.2 第2步 格式化數(shù)據(jù) 24
1.4.3 第3步 繪制數(shù)據(jù) 24
1.4.4 第4步 調(diào)整圖表的軸 25
1.4.5 第5步 標(biāo)注數(shù)據(jù) 26
1.4.6 第6步 闡明x軸 27
1.4.7 第7步 回答用戶的問題 28
1.4.8 第8步 解決Flotr2的“bugs” 32
1.5 用氣泡圖表示數(shù)量擴(kuò)展x/y數(shù)據(jù) 32
1.5.1 第1步 定義數(shù)據(jù) 32
1.5.2 第2步 給圖表創(chuàng)建背景圖 33
1.5.3 第3步 繪制數(shù)據(jù) 34
1.5.4 第4步 添加背景 35
1.5.5 第5步 給氣泡上色 36
1.5.6 第6步 調(diào)整圖例的樣式 38
1.5.7 第7步 Flotr2“bugs”的應(yīng)急預(yù)案 39
1.6 使用雷達(dá)圖顯示多維數(shù)據(jù) 39
1.6.1 第1步 定義數(shù)據(jù) 40
1.6.2 第2步 創(chuàng)建圖表 42
1.6.3 第3步 Flotr2“bugs”的應(yīng)急預(yù)案 43
1.7 小結(jié) 43
第2章 和圖表進(jìn)行交互 45
2.1 選擇圖表內(nèi)容 46
2.1.1 第1步 包含需要的JavaScript類庫 46
2.1.2 第2步 設(shè)置一個div元素來盛放圖表 48
2.1.3 第3步 準(zhǔn)備數(shù)據(jù) 48
2.1.4 第4步 繪制圖表 49
2.1.5 第5步 添加控件 49
2.1.6 第6步 定義適合交互的數(shù)據(jù)結(jié)構(gòu) 52
2.1.7 第7步 基于交互狀態(tài)確定圖表數(shù)據(jù) 53
2.1.8 第8步 使用JavaScript添加控件 55
2.1.9 第9步 響應(yīng)交互控件的操作 56
2.2 縮放圖表 58
2.2.1 第1步 準(zhǔn)備頁面 58
2.2.2 第2步 繪制圖表 59
2.2.3 第3步 準(zhǔn)備支持交互的數(shù)據(jù) 60
2.2.4 第4步 準(zhǔn)備接受交互事件 60
2.2.5 第5步 開啟交互 61
2.3 追蹤數(shù)據(jù)的值 64
2.3.1 第1步 留出一個 元素來保存所有圖表 65
2.3.2 第2步 準(zhǔn)備數(shù)據(jù) 66
2.3.3 第3步 繪制圖表 66
2.3.4 第4步 實施交互 70
2.4 使用AJAX獲取數(shù)據(jù) 75
2.4.1 第1步 理解源數(shù)據(jù) 75
2.4.2 第2步 通過AJAX獲得**層的數(shù)據(jù) 76
2.4.3 第3步 處理**層數(shù)據(jù) 80
2.4.4 第4步 獲取實際數(shù)據(jù) 81
2.4.5 第5步 處理數(shù)據(jù) 84
2.4.6 第6步 創(chuàng)建圖表 85
2.5 小結(jié) 88
第3章 在頁面中整合圖表 89
3.1 創(chuàng)建經(jīng)典的sparkline 90
3.1.1 第1步 加載需要請求的JavaScript庫 90
3.1.2 第2步 創(chuàng)建sparkline的HTML標(biāo)簽 91
3.1.3 第3步 繪制sparkline 92
3.1.4 第4步 調(diào)整圖表樣式 92
3.2 繪制多個變量 94
3.2.1 第1步 準(zhǔn)備HTML標(biāo)簽 95
3.2.2 第2步 繪制圖表 96
3.2.3 第3步 建立一套默認(rèn)的圖表樣式 96
3.2.4 第4步 修改指定class的默認(rèn)樣式 97
3.2.5 第5步 為指定圖表創(chuàng)建唯一的樣式 99
3.3 sparkline的注解 101
3.3.1 第1步 準(zhǔn)備數(shù)據(jù) 102
3.3.2 第2步 準(zhǔn)備HTML標(biāo)簽 102
3.3.3 第3步 添加圖表 103
3.3.4 第4步 添加主要注釋 103
3.3.5 第5步 提供附加信息 105
3.4 繪制復(fù)合圖表 106
3.4.1 第1步 繪制交易量圖表 106
3.4.2 第2步 添加收盤價圖表 107
3.4.3 第3步 添加注解 108
3.4.4 第4步 把詳情也當(dāng)作圖表來展示 109
3.5 對點擊事件進(jìn)行響應(yīng) 110
3.5.1 第1步 添加圖表 111
3.5.2 第2步 處理點擊事件 111
3.5.3 第3步 改進(jìn)過渡效果 113
3.5.4 第4步 添加動畫效果 114
3.6 實時更新圖表 115
3.6.1 第1步 獲取數(shù)據(jù) 116
3.6.2 第2步 更新可視化 117
3.7 小結(jié) 118
第4章 創(chuàng)建特殊圖表 119
4.1 用tree map來圖像化層級 119
4.1.1 第1步 包含需要的類庫 120
4.1.2 第2步 準(zhǔn)備數(shù)據(jù) 120
4.1.3 第3步 繪制tree map 121
4.1.4 第4步 通過改變底色展示附加數(shù)據(jù) 122
4.2 用熱力圖突出顯示地區(qū) 125
4.2.1 第1步 加載需要的JavaScript 126
4.2.2 第2步 定義可視化數(shù)據(jù) 127
4.2.3 第3步 創(chuàng)建背景圖片 127
4.2.4 第4步 留出包含可視化內(nèi)容的HTML元素 128
4.2.5 第5步 格式化數(shù)據(jù) 128
4.2.6 第6步 繪制地圖 129
4.2.7 第7步 調(diào)整熱力圖的z-index 130
4.3 用網(wǎng)絡(luò)圖展示節(jié)點間的關(guān)系 130
4.3.1 第1步 加載需要的類庫 130
4.3.2 第2步 準(zhǔn)備數(shù)據(jù) 131
4.3.3 第3步 定義圖表的節(jié)點 132
4.3.4 第4步 用邊線鏈接節(jié)點 133
4.3.5 第5步 自動布局 134
4.3.6 第6步 添加交互 136
4.4 用文字云的形式展示開發(fā)語言的使用比例 139
4.4.1 第1步 加載需要的類庫 139
4.4.2 第2步 準(zhǔn)備數(shù)據(jù) 140
4.4.3 第3步 添加需要的標(biāo)簽 141
4.4.4 第4步 創(chuàng)建一個簡單的云 142
4.4.5 第5步 添加交互 143
4.5 小結(jié) 146
第5章 時間軸顯示 147
5.1 使用庫構(gòu)建時間軸 148
5.1.1 第1步 引入所需類庫 148
5.1.2 第2步 準(zhǔn)備數(shù)據(jù) 149
5.1.3 第3步 畫出時間軸 150
5.1.4 第4步 為數(shù)據(jù)設(shè)置對應(yīng)的Chronoline.js選項 151
5.2 使用JavaScript構(gòu)建時間軸 154
5.2.1 第1步 準(zhǔn)備好HTML結(jié)構(gòu) 155
5.2.2 第2步 開始執(zhí)行JavaScript 155
5.2.3 第3步 運用語義化的html來創(chuàng)建時間軸 156
5.2.4 第4步 添加內(nèi)容說明 159
5.2.5 第5步 選擇性地借助jQuery 161
5.2.6 第6步 用CSS解決時間軸的樣式問題 161
5.2.7 第7步 為時間軸添加一些利于信息結(jié)構(gòu)展現(xiàn)的樣式 163
5.2.8 第8步 添加交互效果 165
5.3 使用Web組件 170
5.3.1 第1步 回顧標(biāo)準(zhǔn)組件 170
5.3.2 第2步 引入需要的組件 173
5.3.3 第3步 準(zhǔn)備數(shù)據(jù) 173
5.3.4 第4步 創(chuàng)建一個默認(rèn)的時間軸 175
5.3.5 第5步 調(diào)整時間軸樣式 178
5.4 小結(jié) 181
第6章 地理位置信息的可視化 182
6.1 使用字體構(gòu)建地圖 183
6.1.1 第1步 在頁面中引入地圖字體組件 183
6.1.2 第2步 在頁面中顯示出某一個國家的地圖 183
6.1.3 第3步 將多個國家整合進(jìn)地圖 185
6.1.4 第4步 根據(jù)數(shù)據(jù)的不同使各國呈現(xiàn)可視化上的差異 186
6.1.5 第5步 添加圖例 188
6.2 使用SVG繪制可視化地圖 189
6.2.1 第1步 創(chuàng)建SVG地圖 191
6.2.2 第2步 在頁面中嵌入地圖 192
6.2.3 第3步 收集數(shù)據(jù) 193
6.2.4 第4步 定義色彩主題 195
6.2.5 第5步 為地圖上色 196
6.2.6 第6步 加上圖例 197
6.2.7 第7步 添加交互效果 198
6.3 將地圖引入到可視化的背景中 201
6.3.1 第1步 建立Web頁面 202
6.3.2 第2步 準(zhǔn)備數(shù)據(jù) 203
6.3.3 第3步 選擇地圖樣式 203
6.3.4 第4步 地圖繪制 204
6.3.5 第5步 加上目擊事件 205
6.4 集成一個功能完備的地圖庫 206
6.4.1 第1步 準(zhǔn)備數(shù)據(jù) 207
6.4.2 第2步 建立Web頁面和相關(guān)的庫 207
6.4.3 第3步 繪制基本地圖 208
6.4.4 第4步 為地圖加上路線 210
6.4.5 第5步 添加動畫控制器 212
6.4.6 第6步 準(zhǔn)備添加動畫 216
6.4.7 第7步 使路線具有動畫效果 217
6.4.8 第8步 為每個站點加上標(biāo)簽 220
6.4.9 第9步 在標(biāo)簽上應(yīng)用動畫 223
6.4.10 第10步 將標(biāo)簽動畫整合進(jìn)整個動畫的步驟之中 225
6.4.11 第11步 加上標(biāo)題 228
6.5 小結(jié) 230
第7章 用D3.js自定義可視化數(shù)據(jù)視圖 231
7.1 適應(yīng)傳統(tǒng)的圖表類型 232
7.1.1 第1步 準(zhǔn)備數(shù)據(jù) 233
7.1.2 第2步 建立Web頁面 233
7.1.3 第3步 為可視化視圖創(chuàng)建一個平臺 234
7.1.4 第4步 控制圖表的尺寸 235
7.1.5 第5步 畫出圖表框架 237
7.1.6 第6步 在圖中加入數(shù)據(jù) 239
7.1.7 第7步 解答用戶的問題 240
7.2 創(chuàng)建一個力導(dǎo)向網(wǎng)絡(luò)圖 241
7.2.1 第1步 準(zhǔn)備數(shù)據(jù) 242
7.2.2 第2步 創(chuàng)建頁面 244
7.2.3 第3步 創(chuàng)建展示平臺 244
7.2.4 第4步 繪制節(jié)點 244
7.2.5 第5步 繪制連線 247
7.2.6 第6步 將元素定位 248
7.2.7 第7步 加入力導(dǎo)向 249
7.2.8 第8步 添加交互效果 252
7.2.9 第9步 一些其他方面的體驗改進(jìn) 255
7.3 創(chuàng)建可縮放的地圖 256
7.3.1 第1步 準(zhǔn)備數(shù)據(jù) 256
7.3.2 第2步 建立頁面 257
7.3.3 第3步 創(chuàng)建地圖投影 257
7.3.4 第4步 初始化SVG容器 258
7.3.5 第5步 取回地圖數(shù)據(jù) 258
7.3.6 第6步 繪制地圖 258
7.3.7 第7步 取回天氣數(shù)據(jù) 259
7.3.8 第8步 在地圖上體現(xiàn)數(shù)據(jù) 260
7.3.9 第9步 添加交互效果 261
7.4 創(chuàng)建一個特殊的可視化視圖 263
7.4.1 第1步 準(zhǔn)備數(shù)據(jù) 264
7.4.2 第2步 設(shè)置頁面 264
7.4.3 第3步 為視圖建立一個舞臺 265
7.4.4 第4步 創(chuàng)建比例 265
7.4.5 第5步 取回數(shù)據(jù) 268
7.4.6 第6步 繪制視圖 270
7.4.7 第7步 給視圖上色 271
7.4.8 第8步 添加交互效果 275
7.5 小結(jié) 279
第8章 在瀏覽器中管理數(shù)據(jù) 280
8.1 使用函數(shù)式編程 281
8.1.1 第1步 先來個指令式編程風(fēng)格版本 281
8.1.2 第2步 調(diào)試指令式風(fēng)格代碼 282
8.1.3 第3步 理解指令式編程可能帶來的問題 283
8.1.4 第4步 使用函數(shù)式編程風(fēng)格重寫 283
8.1.5 第5步 評估性能 284
8.1.6 第6步 修復(fù)性能問題 284
8.2 使用數(shù)組 286
8.2.1 按位置提取元素 286
8.2.2 合并數(shù)組 288
8.2.3 去除無效數(shù)據(jù) 291
8.2.4 找到數(shù)組中的元素 292
8.2.5 生成數(shù)組 293
8.3 處理對象 293
8.3.1 處理屬性名和屬性值 294
8.3.2 清理對象子集 296
8.3.3 更新屬性 297
8.4 處理集合 299
8.4.1 使用迭代工具函數(shù) 300
8.4.2 在集合中找到元素 302
8.4.3 檢驗集合 303
8.4.4 調(diào)整集合順序 304
8.5 小結(jié) 305
第9章 創(chuàng)建數(shù)據(jù)驅(qū)動的網(wǎng)絡(luò)應(yīng)用：第1部分 306
9.1 框架與函數(shù)庫 307
9.1.1 第1步 選擇一個應(yīng)用函數(shù)庫 307
9.1.2 第2步 安裝開發(fā)工具 308
9.1.3 第3步 建立新項目 309
9.1.4 第4步 加入我們的特殊依賴 311
9.2 模型與視圖 313
9.2.1 第1步 定義應(yīng)用的模型 314
9.2.2 第2步 實現(xiàn)模型 316
9.2.3 第3步 定義應(yīng)用的集合 317
9.2.4 第4步 定義應(yīng)用的主視圖 319
9.2.5 第5步 定義主視圖模板 323
9.2.6 第6步 改善主視圖 326
9.3 可視化視圖 329
9.3.1 第1步 定義額外視圖 329
9.3.2 第2步 實現(xiàn)Details視圖 329
9.3.3 第3步 實現(xiàn)Properties視圖 330
9.3.4 第4步 實現(xiàn)Map視圖 334
9.3.5 第5步 實現(xiàn)Charts視圖 337
9.4 小結(jié) 338
第8章 創(chuàng)建數(shù)據(jù)驅(qū)動的網(wǎng)絡(luò)應(yīng)用：第2部分 340
10.1 連接Nike 服務(wù) 340
10.1.1 第1步 驗證用戶權(quán)限 341
10.1.2 第2步 接收Nike 返回數(shù)據(jù) 343
10.1.3 第3步 處理翻頁 343
10.1.4 第4步 動態(tài)更新視圖 348
10.1.5 第5步 過濾集合 349
10.1.6 第6步 解析返回值 350
10.1.7 第7步 獲取詳細(xì)數(shù)據(jù) 350
10.2 組裝完整應(yīng)用 354
10.2.1 第1步 創(chuàng)建Backbone.js 路由控制器（router） 354
10.2.2 第2步 支持不屬于任何集合的Run模型 357
10.2.3 第3步 讓用戶改變視圖 359
10.2.4 第4步 應(yīng)用調(diào)優(yōu) 364
10.3 小結(jié) 366
展開全部
JavaScript數(shù)據(jù)可視化編程-全彩印刷 作者簡介
數(shù)據(jù)可視化是一個技術(shù)熱點，而JavaScript提供了眾多的功能和庫支持?jǐn)?shù)據(jù)的可視化。本書是熱點話題的高度結(jié)合。 本書全彩色印刷，對主題呈現(xiàn)能力有更突出的作用。
書友推薦
- >
經(jīng)典常談
- >
自卑與超越
- >
人文閱讀與收藏·良友文學(xué)叢書:一天的工作
- >
新文學(xué)天穹兩巨星--魯迅與胡適/紅燭學(xué)術(shù)叢書(紅燭學(xué)術(shù)叢書)
- >
二體千字文
- >
推拿
- >
月亮虎
- >
羅曼·羅蘭讀書隨筆-精裝
本類暢銷
