D3 4.x數(shù)據(jù)可視化實戰(zhàn)手冊（第2版）

第 1章　D3．js入門指南\t1
1．1 簡介　1
1．2 搭建簡易的D3開發(fā)環(huán)境　2
1．2．1 準備工作　2
1．2．2 搭建環(huán)境　2
1．2．3 工作原理　3
1．2．4 更多內(nèi)容　4
1．3 搭建基于NPM的D3開發(fā)環(huán)境　5
1．3．1 準備工作　5
1．3．2 搭建環(huán)境　5
1．3．3 工作原理　6
1．3．4 更多內(nèi)容　7
1．4　理解D3風格的函數(shù)式JavaScript編程　9
1．4．1 準備工作　9
1．4．2 開始編程　9
1．4．3 工作原理　11
1．4．4 更多內(nèi)容　15
第　2章 精挑細選　17
2．1 簡介　17
2．1．1 選集入門　17
2．1．2 CSS3選擇器入門　18
2．2 選取單個元素　19
2．2．1 準備工作　20
2．2．2 開始編程　20
2．2．3 工作原理　20
2．3 選取多個元素　22
2．3．1 準備工作　22
2．3．2 開始編程　22
2．3．3 工作原理　23
2．4 迭代選集中的元素　23
2．4．1 準備工作　24
2．4．2 開始編程　24
2．4．3 工作原理　24
2．5 使用子選擇器　26
2．5．1 準備工作　26
2．5．2 開始編程　26
2．5．3 工作原理　27
2．6 函數(shù)級聯(lián)調(diào)用　28
2．6．1 準備工作　29
2．6．2 開始編程　29
2．6．3 工作原理　30
2．7 處理原始選集　30
2．7．1 準備工作　31
2．7．2 開始編程　31
2．7．3 工作原理　32
第3章　與數(shù)據(jù)同行　34
3．1 簡介　34
3．2 將數(shù)組綁定為數(shù)據(jù)　38
3．2．1 準備工作　38
3．2．2 開始編程　39
3．2．3 工作原理　40
3．3 將對象字面量綁定為數(shù)據(jù)　43
3．3．1 準備工作　43
3．3．2 開始編程　43
3．3．3 工作原理　45
3．4 將函數(shù)綁定為數(shù)據(jù)　46
3．4．1 準備工作　47
3．4．2 開始編程　47
3．4．3 工作原理　48
3．5 數(shù)組的處理　50
3．5．1 準備工作　50
3．5．2 開始編程　50
3．5．3 工作原理　52
3．6 數(shù)據(jù)的過濾　53
3．6．1 準備工作　53
3．6．2 開始編程　54
3．6．3 工作原理　56
3．7 基于數(shù)據(jù)的圖形排序　56
3．7．1 準備工作　57
3．7．2 開始編程　57
3．7．3 工作原理　59
3．8 從服務器加載數(shù)據(jù)　59
3．8．1 準備工作　60
3．8．2 開始編程　60
3．8．3 工作原理　61
3．9 利用隊列異步加載數(shù)據(jù)　62
3．9．1 準備工作　63
3．9．2 開始編程　63
3．9．3 工作原理　64
第4章　張弛有“度”　66
4．1 簡介　66
4．2 使用連續(xù)尺度　68
4．2．1 準備工作　68
4．2．2 開始編程　68
4．2．3 工作原理　70
4．3 使用時間尺度　73
4．3．1 準備工作　73
4．3．2 開始編程　73
4．3．3 工作原理　74
4．3．4 更多內(nèi)容　75
4．3．5 參考閱讀　76
4．4 使用有序尺度　76
4．4．1 準備工作　77
4．4．2 開始編程　77
4．4．3 工作原理　79
4．5 字符串插值　80
4．5．1 插值器　80
4．5．2 準備工作　81
4．5．3 開始編程　81
4．5．4 工作原理　82
4．5．5 更多內(nèi)容　84
4．6 顏色插值　84
4．6．1 準備工作　84
4．6．2 開始編程　84
4．6．3 工作原理　86
4．6．4 參考閱讀　87
4．7 復合對象插值　87
4．7．1 準備工作　87
4．7．2 開始編程　87
4．7．3 工作原理　89
第5章　玩轉(zhuǎn)坐標軸　91
5．1 簡介　91
5．2 坐標軸基礎　91
5．2．1 準備工作　92
5．2．2 開始編程　92
5．2．3 工作原理　94
5．3 自定義刻度　97
5．3．1 準備工作　98
5．3．2 開始編程　98
5．3．3 工作原理　99
5．4 繪制表格線　99
5．4．1 準備工作　100
5．4．2 開始編程　100
5．4．3 工作原理　102
5．5 動態(tài)調(diào)節(jié)坐標軸尺度　104
5．5．1 準備工作　104
5．5．2 開始編程　105
5．5．3 工作原理　107
第6章　優(yōu)雅變換　108
6．1 簡介　108
6．2 單元素動畫　109
6．2．1 準備工作　109
6．2．2 開始編程　110
6．2．3 工作原理　110
6．3 多元素動畫　111
6．3．1 準備工作　112
6．3．2 開始編程　112
6．3．3 工作原理　114
6．4 使用緩動函數(shù)　117
6．4．1 準備工作　117
6．4．2 開始編程　117
6．4．3 工作原理　119
6．5 使用中間幀計算　121
6．5．1 準備工作　121
6．5．2 開始編程　121
6．5．3 工作原理　122
6．5．4 更多內(nèi)容　124
6．6 使用級聯(lián)過渡　125
6．6．1 準備工作　125
6．6．2 開始編程　125
6．6．3 工作原理　126
6．7 使用選擇性過渡　127
6．7．1 準備工作　127
6．7．2 開始編程　127
6．7．3 工作原理　128
6．7．4 參考閱讀　129
6．8 監(jiān)聽過渡事件　129
6．8．1 準備工作　129
6．8．2 開始編程　129
6．8．3 工作原理　130
6．9 使用定時器　131
6．9．1 準備工作　131
6．9．2 開始編程　131
6．9．3 工作原理　133
6．9．4 參考閱讀　133
第7章　形狀之美　134
7．1 簡介　134
7．2 創(chuàng)建簡單形狀　136
7．2．1 準備工作　136
7．2．2 開始編程　136
7．2．3 工作原理　137
7．2．4 更多內(nèi)容　138
7．3 使用線條生成器　139
7．3．1 準備工作　139
7．3．2 開始編程　139
7．3．3 工作原理　141
7．3．4 參考閱讀　143
7．4 使用曲線　143
7．4．1 準備工作　143
7．4．2 開始編程　143
7．4．3 工作原理　146
7．4．4 參考閱讀　147
7．5 更改線條的張力　147
7．5．1 準備工作　147
7．5．2 開始編程　147
7．5．3 工作原理　150
7．6 使用區(qū)域生成器　150
7．6．1 準備工作　150
7．6．2 開始編程　150
7．6．3 工作原理　152
7．7 使用斷面曲線　154
7．7．1 準備工作　154
7．7．2 開始編程　154
7．7．3 工作原理　156
7．7．4 更多內(nèi)容　157
7．7．5 參考閱讀　157
7．8 使用圓弧生成器　157
7．8．1 準備工作　157
7．8．2 開始編程　157
7．8．3 工作原理　159
7．8．4 參考閱讀　160
7．9 實現(xiàn)圓弧過渡　161
7．9．1 準備工作　161
7．9．2 開始編程　161
7．9．3 工作原理　163
7．9．4 更多內(nèi)容　165
7．9．5 參考閱讀　165
第8章　圖表美化　166
8．1 簡介　166
8．2 創(chuàng)建線圖　168
8．2．1 準備工作　168
8．2．2 開始編程　169
8．2．3 工作原理　170
8．3 創(chuàng)建面積圖　175
8．3．1 準備工作　175
8．3．2 開始編程　176
8．3．3 工作原理　178
8．4 創(chuàng)建散點圖　179
8．4．1 準備工作　179
8．4．2 開始編程　179
8．4．3 工作原理　181
8．5 創(chuàng)建氣泡圖　183
8．5．1 準備工作　183
8．5．2 開始編程　183
8．5．3 工作原理　185
8．6 創(chuàng)建條形圖　186
8．6．1 準備工作　187
8．6．2 開始編程　187
8．6．3 工作原理　189
第9章　井然有序　191
9．1 簡介　191
9．2 創(chuàng)建餅圖　192
9．2．1 準備工作　192
9．2．2 開始編程　192
9．2．3 工作原理　195
9．2．4 更多內(nèi)容　197
9．2．5 參考閱讀　197
9．3 創(chuàng)建堆疊式面積圖　198
9．3．1 準備工作　198
9．3．2 開始編程　198
9．3．3 工作原理　200
9．3．4 更多內(nèi)容　202
9．3．5 參考閱讀　204
9．4 創(chuàng)建矩形式樹狀結(jié)構(gòu)圖　204
9．4．1 準備工作　205
9．4．2 開始編程　206
9．4．3 工作原理　207
9．4．4 參考閱讀　211
9．5 創(chuàng)建樹　211
9．5．1 準備工作　212
9．5．2 開始編程　212
9．5．3 工作原理　214
9．5．4 參考閱讀　220
9．6 創(chuàng)建封閉圖　220
9．6．1 準備工作　221
9．6．2 開始編程　221
9．6．3 工作原理　223
9．6．4 參考閱讀　225
第　10章 可視化交互　226
10．1 簡介　226
10．2 鼠標交互　227
10．2．1 準備工作　227
10．2．2 開始編程　227
10．2．3 工作原理　229
10．2．4 更多內(nèi)容　230
10．2．5 參考閱讀　230
10．3 多點觸摸設備交互　230
10．3．1 準備工作　231
10．3．2 開始編程　231
10．3．3 工作原理　233
10．3．4 更多內(nèi)容　235
10．3．5 參考閱讀　236
10．4 縮放和平移行為的實現(xiàn)　236
10．4．1 準備工作　236
10．4．2 開始編程　236
10．4．3 工作原理　239
10．4．4 更多內(nèi)容　240
10．4．5 參考閱讀　240
10．5 拖曳行為的實現(xiàn)　241
10．5．1 準備工作　241
10．5．2 開始編程　241
10．5．3 工作原理　243
10．5．4 更多內(nèi)容　244
10．5．5 參考閱讀　244
第　11章 使用“原力”　245
11．1 簡介　245
11．2 使用引力和相互作用力　246
11．2．1 準備工作　246
11．2．2 開始編程　246
11．2．3 工作原理　249
11．2．4 參考閱讀　255
11．3 自定義速度　255
11．3．1 準備工作　255
11．3．2 開始編程　255
11．3．3 工作原理　257
11．3．4 參考閱讀　258
11．4 設置連接約束　259
11．4．1 準備工作　259
11．4．2 開始編程　259
11．4．3 工作原理　263
11．4．4 參考閱讀　268
11．5 借助力來輔助可視化　268
11．5．1 準備工作　268
11．5．2 開始編程　268
11．5．3 工作原理　271
11．5．4 參考閱讀　272
11．6 操作“力”　272
11．6．1 準備工作　273
11．6．2 開始編程　273
11．6．3 工作原理　276
11．6．4 參考閱讀　278
11．7 創(chuàng)建力導向圖　278
11．7．1 準備工作　278
11．7．2 開始編程　278
11．7．3 工作原理　280
11．7．4 參考閱讀　282
第　12章 地圖的奧秘　283
12．1 簡介　283
12．2 美國地圖的投影　283
12．2．1 GeoJSON　283
12．2．2 準備工作　285
12．2．3 開始編程　285
12．2．4 工作原理　287
12．2．5 參考閱讀　288
12．3 等值區(qū)域圖的構(gòu)建　288
12．3．1 準備工作　289
12．3．2 開始編程　289
12．3．3 工作原理　291
12．3．4 參考閱讀　291
第　13章 測試驅(qū)動　292
13．1 簡介　292
13．2　下載Jasmine并搭建測試環(huán)境　293
13．2．1 準備工作　293
13．2．2 開始編程　294
13．2．3 工作原理　295
13．2．4 參考閱讀　295
13．3 測試驅(qū)動—創(chuàng)建圖表　295
13．3．1 準備工作　296
13．3．2 開始編程　296
13．3．3 工作原理　297
13．4 測試驅(qū)動—SVG渲染　298
13．4．1 準備工作　298
13．4．2 開始編程　298
13．4．3 工作原理　299
13．5 測試驅(qū)動—精確渲染　300
13．5．1 準備工作　300
13．5．2 開始編程　300
13．5．3 工作原理　302
13．5．4 參考閱讀　303
附錄　分分鐘搞定交互式分析　304
簡介　304
Crossfilter．js庫　304
多維圖表庫—dc．js　308