D3.js數(shù)據(jù)可視化實戰(zhàn)手冊

第1章　D3．js入門指南　1
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的開發(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風格的JavaScript　9
1．4．1　準備階段　9
1．4．2　開始編程　9
1．4．3　工作原理　10
1．4．4　更多內(nèi)容　14
第2章　精挑細選　16
2．1　簡介　16
2．2　選擇單個元素　18
2．2．1　準備階段　18
2．2．2　開始編程　18
2．2．3　工作原理　18
2．3　選取多個元素　20
2．3．1　準備階段　20
2．3．2　開始編程　21
2．3．3　工作原理　21
2．4　迭代選集中的元素　21
2．4．1　準備階段　21
2．4．2　開始編程　22
2．4．3　工作原理　22
2．5　使用子選擇器　23
2．5．1　準備階段　23
2．5．2　開始編程　24
2．5．3　工作原理　24
2．6　函數(shù)級聯(lián)調(diào)用　26
2．6．1　準備階段　26
2．6．2　開始編程　26
2．6．3　工作原理　27
2．7　處理原始選集　28
2．7．1　準備階段　28
2．7．2　開始編程　28
2．7．3　工作原理　29
第3章　與數(shù)據(jù)同行　31
3．1　簡介　31
3．2　將數(shù)組綁定為數(shù)據(jù)　34
3．2．1　準備階段　34
3．2．2　開始編程　34
3．2．3　工作原理　35
3．3　將對象字面量綁定為數(shù)據(jù)　39
3．3．1　準備階段　39
3．3．2　開始編程　39
3．3．3　工作原理　41
3．4　將函數(shù)綁定為數(shù)據(jù)　42
3．4．1　準備階段　42
3．4．2　開始編程　42
3．4．3　工作原理　44
3．5　如何處理數(shù)組　46
3．5．1　準備階段　46
3．5．2　開始編程　46
3．5．3　工作原理　48
3．6　數(shù)據(jù)的過濾　50
3．6．1　準備階段　50
3．6．2　開始編程　50
3．6．3　工作原理　52
3．7　基于數(shù)據(jù)的圖形排序　53
3．7．1　準備階段　53
3．7．2　開始編程　53
3．7．3　工作原理　55
3．8　從服務器加載數(shù)據(jù)　56
3．8．1　準備階段　56
3．8．2　開始編程　57
3．8．3　工作原理　59
第4章　張弛有“度”　60
4．1　介紹　60
4．2　使用數(shù)值尺度　62
4．2．1　準備階段　62
4．2．2　開始編程　62
4．2．3　工作原理　64
4．2．4　更多內(nèi)容　66
4．3　使用時間尺度　66
4．3．1　準備階段　67
4．3．2　開始編程　67
4．3．3　工作原理　68
4．3．4　更多內(nèi)容　69
4．3．5　請參見　70
4．4　使用有序尺度　70
4．4．1　準備階段　70
4．4．2　開始編程　71
4．4．3　工作原理　72
4．5　字符串插值　74
4．5．1　插值器　74
4．5．2　準備階段　75
4．5．3　開始編程　75
4．5．4　工作原理　76
4．5．5　更多內(nèi)容　77
4．6　顏色插值　77
4．6．1　準備階段　77
4．6．2　開始編程　77
4．6．3　工作原理　79
4．6．4　請參見　80
4．7　復合對象插值　80
4．7．1　準備階段　80
4．7．2　開始編程　80
4．7．3　工作原理　82
4．8　實現(xiàn)自定義插值器　83
4．8．1　準備階段　83
4．8．2　開始編程　83
4．8．3　工作原理　85
4．8．4　請參見　88
第5章　玩轉(zhuǎn)坐標軸　89
5．1　簡介　89
5．2　坐標軸基礎　89
5．2．1　準備階段　89
5．2．2　開始編程　90
5．2．3　工作原理　92
5．3　自定義刻度　95
5．3．1　準備階段　95
5．3．2　開始編程　95
5．3．3　工作原理　96
5．4　繪制表格線　97
5．4．1　準備階段　97
5．4．2　開始編程　97
5．4．3　工作原理　99
5．5　動態(tài)調(diào)節(jié)坐標軸尺度　101
5．5．1　準備階段　101
5．5．2　開始編程　102
5．5．3　工作原理　104
第6章　優(yōu)雅變換　106
6．1　簡介　106
6．2　單元素動畫效果　107
6．2．1　準備階段　107
6．2．2　開始編程　108
6．2．3　工作原理　108
6．3　多元素動畫　109
6．3．1　準備階段　110
6．3．2　開始編程　110
6．3．3　工作原理　112
6．4　使用緩動函數(shù)　115
6．4．1　準備階段　115
6．4．2　開始編程　115
6．4．3　工作原理　117
6．5　使用中間幀計算　118
6．5．1　準備階段　119
6．5．2　開始編程　119
6．5．3　工作原理　120
6．5．4　更多內(nèi)容　121
6．6　使用級聯(lián)過渡　122
6．6．1　準備階段　122
6．6．2　開始編程　122
6．6．3　工作原理　123
6．7　使用選擇性過渡　124
6．7．1　準備階段　124
6．7．2　開始編程　124
6．7．3　工作原理　125
6．7．4　請參見　126
6．8　監(jiān)聽過渡事件　126
6．8．1　準備階段　126
6．8．2　開始編程　126
6．8．3　工作原理　127
6．9　實現(xiàn)自定義插值器　128
6．9．1　準備階段　128
6．9．2　開始編程　129
6．9．3　工作原理　130
6．10　使用定時器　130
6．10．1　準備階段　130
6．10．2　開始編程　131
6．10．3　工作原理　132
6．10．4　請參見　133
第7章　形狀之美　134
7．1　簡介　134
7．1．1　什么是SVG?　135
7．1．2　矢量　135
7．1．3　可伸縮性　135
7．2　創(chuàng)建簡單形狀　136
7．2．1　準備階段　136
7．2．2　開始編程　136
7．2．3　工作原理　137
7．2．4　更多內(nèi)容　138
7．2．5　請參見　139
7．3　使用線條生成器　139
7．3．1　準備階段　140
7．3．2　開始編程　140
7．3．3　工作原理　141
7．3．4　請參見　143
7．4　使用線條插值　143
7．4．1　準備階段　143
7．4．2　開始編程　143
7．4．3　工作原理　146
7．5　更改線條的張力　147
7．5．1　準備階段　147
7．5．2　開始編程　147
7．5．3　工作原理　149
7．6　使用區(qū)域生成器　150
7．6．1　準備階段　150
7．6．2　開始編程　150
7．6．3　工作原理　152
7．7　使用區(qū)域插值　153
7．7．1　準備階段　153
7．7．2　開始編程　153
7．7．3　工作原理　156
7．7．4　更多內(nèi)容　156
7．7．5　請參見　156
7．8　使用圓弧生成器　156
7．8．1　準備階段　156
7．8．2　開始編程　157
7．8．3　工作原理　158
7．9　實現(xiàn)圓弧過渡　159
7．9．1　準備階段　160
7．9．2　開始編程　160
7．9．3　工作原理　161
7．9．4　更多內(nèi)容　163
7．9．5　請參見　163
第8章　圖表美化　164
8．1　簡介　164
8．2　創(chuàng)建線圖　166
8．2．1　準備工作　166
8．2．2　開始編程　166
8．2．3　工作原理　168
8．3　創(chuàng)建面積圖　172
8．3．1　準備工作　173
8．3．2　開始編程　173
8．3．3　工作原理　175
8．4　創(chuàng)建散點圖　176
8．4．1　準備工作　176
8．4．2　開始編程　176
8．4．3　工作原理　178
8．5　創(chuàng)建氣泡圖　180
8．5．1　準備工作　180
8．5．2　開始編程　180
8．5．3　工作原理　182
8．6　創(chuàng)建條形圖　184
8．6．1　準備工作　184
8．6．2　開始編程　184
8．6．3　工作原理　186
8．6．4　請參見　187
第9章　井然有序　188
9．1　簡介　188
9．2　創(chuàng)建餅圖　189
9．2．1　準備階段　189
9．2．2　開始編程　189
9．2．3　工作原理　192
9．2．4　更多內(nèi)容　194
9．2．5　請參見　194
9．3　創(chuàng)建堆疊面積圖　194
9．3．1　準備階段　194
9．3．2　開始編程　194
9．3．3　工作原理　196
9．3．4　更多內(nèi)容　198
9．3．5　請參見　200
9．4　創(chuàng)建矩形式樹狀結構圖　200
9．4．1　準備階段　201
9．4．2　開始編程　201
9．4．3　工作原理　203
9．4．4　請參見　206
9．5　創(chuàng)建樹　206
9．5．1　準備階段　206
9．5．2　開始編程　206
9．5．3　工作原理　209
9．5．4　請參見　212
9．6　創(chuàng)建封閉圖　212
9．6．1　準備階段　212
9．6．2　開始編程　212
9．6．3　工作原理　214
9．6．4　請參見　216
第10章　可視化交互　217
10．1　簡介　217
10．2　與鼠標事件交互　218
10．2．1　準備階段　218
10．2．2　開始編程　218
10．2．3　工作原理　219
10．2．4　更多內(nèi)容　220
10．2．5　請參見　221
10．3　多點觸摸設備交互　221
10．3．1　準備階段　221
10．3．2　開始編程　221
10．3．3　工作原理　224
10．3．4　更多內(nèi)容　225
10．3．5　請參見　226
10．4　實現(xiàn)縮放和平移行為　226
10．4．1　準備階段　226
10．4．2　開始編程　226
10．4．3　工作原理　228
10．4．4　更多內(nèi)容　229
10．4．5　請參見　229
10．5　實現(xiàn)拖曳行為　230
10．5．1　準備階段　230
10．5．2　開始編程　230
10．5．3　工作原理　232
10．5．4　更多內(nèi)容　233
10．5．5　請參見　233
第11章　使用“原力”！　234
11．1　簡介　234
11．2　使用引力和相互作用力　235
11．2．1　準備階段　235
11．2．2　開始編程　235
11．2．3　工作原理　237
11．2．4　請參見　242
11．3　生成動量　243
11．3．1　準備階段　243
11．3．2　開始編程　243
11．3．3　工作原理　244
11．3．4　請參見　245
11．4　設置連接約束　246
11．4．1　準備階段　246
11．4．2　開始編程　246
11．4．3　工作原理　248
11．4．4　請參見　252
11．5　借助力來輔助可視化　252
11．5．1　準備階段　252
11．5．2　開始編程　252
11．5．3　工作原理　254
11．5．4　請參見　255
11．6　操作“力”　256
11．6．1　準備階段　256
11．6．2　開始編程　256
11．6．3　工作原理　258
11．6．4　請參見　259
11．7　創(chuàng)建力導向圖　259
11．7．1　準備階段　260
11．7．2　開始編程　260
11．7．3　工作原理　262
11．7．4　請參見　262
第12章　地圖的奧秘　263
12．1　簡介　263
12．2　美國地圖的投影　263
12．2．1　GeoJSON　263
12．2．2　準備階段　265
12．2．3　開始編程　265
12．2．4　工作原理　266
12．2．5　請參見　268
12．3　世界地圖的投射　268
12．3．1　準備階段　268
12．3．2　開始編程　268
12．3．3　工作原理　270
12．3．4　請參見　270
12．4　構建等值區(qū)域圖　270
12．4．1　準備階段　270
12．4．2　開始編程　271
12．4．3　工作原理　272
12．4．4　請參見　272
第13章　測試驅(qū)動　274
13．1　簡介　274
13．2　下載Jasmine并搭建測試環(huán)境　275
13．2．1　準備階段　275
13．2．2　開始編程　276
13．2．3　工作原理　277
13．2．4　請參見　278
13．3　測試驅(qū)動——創(chuàng)建圖表　278
13．3．1　開始編程　278
13．3．2　工作原理　279
13．4　測試驅(qū)動——SVG渲染　280
13．4．1　開始編程　280
13．4．2　工作原理　281
13．5　測試驅(qū)動——精確渲染　282
13．5．1　開始編程　282
13．5．2　工作原理　283
13．5．3　請參見　285
附錄：快速創(chuàng)建交互式分析　286
簡介　286
Crossfilter．js庫　286
開始編程　288
工作原理　289
更多內(nèi)容　290
請參見　290
多維圖表庫——dc．js　290
準備階段　290
開始編程　290
工作原理　292
更多內(nèi)容　293
請參見　294