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

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