數(shù)據(jù)可視化實(shí)戰(zhàn)：使用D3設(shè)計交互式圖表

前言　　XI
第1章　寫在前面　　1
1.1　 數(shù)據(jù)為什么要可視化　　1
1.2　 為什么要寫代碼　　2
1.3　 為什么要交互　　2
1.4　 為什么要在Web上　　3
1.5　 這是一本什么書　　3
1.6　 讀者是誰　　4
1.7　 這不是什么書　　4
1.8　 使用示例代碼　　5
1.9　 謝謝你　　6
第2章　D3簡介　　7
2.1　 D3能做什么　　7
2.2　 D3不能做什么　　8
2.3　 起源與背景　　9
2.4　 替代方案　　10
2.4.1　 簡易圖表　　10
2.4.2　 圖譜可視化　　12
2.4.3　 地圖映射　　12
2.4.4　 較原始的方案　　13
2.4.5　 三維圖形　　13
2.4.6　 基于D3的工具　　14
第3章　技術(shù)基礎(chǔ)　　15
3.1　 Web（萬維網(wǎng)）　　15
3.2　 HTML　　17
3.2.1　 內(nèi)容和結(jié)構(gòu)　　18
3.2.2　 通過元素來添加結(jié)構(gòu)　　19
3.2.3　 常用元素　　20
3.2.4　 屬性　　22
3.2.5　 類和ID　　22
3.2.6　 注釋　　23
3.3　 DOM　　23
3.4　 開發(fā)者工具　　24
3.5　 渲染與盒模型　　26
3.6　 CSS　　28
3.6.1　 選擇符　　28
3.6.2　 屬性和值　　30
3.6.3　 注釋　　30
3.6.4　 引用樣式　　30
3.6.5　 繼承、層疊和特指度　　32
3.7　 JavaScript　　34
3.7.1　 Hello, Console　　34
3.7.2　 變量　　34
3.7.3　 其他數(shù)據(jù)類型　　35
3.7.3　 數(shù)學(xué)運(yùn)算符　　39
3.7.4　 比較運(yùn)算符　　39
3.7.5　 控制結(jié)構(gòu)　　40
3.7.6　 函數(shù)　　42
3.7.7　 注釋　　43
3.7.8　 引用腳本文件　　43
3.7.9　 JavaScript陷阱　　44
3.8　 SVG　　48
3.8.1　 SVG元素　　48
3.8.2　 簡單的圖形　　49
3.8.3　 為SVG元素添加樣式　　51
3.8.4　 分層與繪制順序　　53
3.8.5　 透明度　　54
3.9　 關(guān)于兼容性　　56
第4章　安裝D3　　59
4.1　 下載D3　　59
4.2　 引用D3　　60
4.3　 配置Web服務(wù)器　　61
4.3.1　 基于Python的文本終端方案　　61
4.3.2　 MAMP、WAMP和LAMP　　62
4.3.3　 快開始吧　　62
第5章　數(shù)據(jù)　　63
5.1　 生成頁面元素　　63
5.1.1　 連綴方法　　65
5.1.2　 各個擊破　　66
5.1.3　 平穩(wěn)交接　　66
5.1.4　 不要連綴　　67
5.2　 綁定數(shù)據(jù)　　67
5.2.1　 怎么綁定　　67
5.2.2　 數(shù)據(jù)　　68
5.2.3　 作出你的選擇　　71
5.2.4　 綁定及確定　　72
5.3　 使用自己的數(shù)據(jù)　　75
5.3.1　 自定義函數(shù)　　75
5.3.2　 數(shù)據(jù)需要擁抱　　76
5.2.3　 添加樣式　　77
第6章　基于數(shù)據(jù)繪圖　　79
6.1　 繪制DIV　　79
6.1.1　 設(shè)定屬性　　80
6.1.2　 關(guān)于類　　81
6.1.3　 言歸正傳　　81
6.1.4　 設(shè)定樣式　　82
6.2　 data()的魔力　　83
6.3　 繪制SVG　　86
6.3.1　 創(chuàng)建SVG　　87
6.3.2　 數(shù)據(jù)驅(qū)動的圖形　　88
6.3.3　 你好，色彩　　90
6.4　 繪制條形圖　　90
6.4.1　 老方法生成的條形圖　　90
6.4.2　 用新方法改進(jìn)條形圖　　91
6.4.3　 上色　　96
6.4.4　 加標(biāo)簽　　98
6.5　 繪制散點(diǎn)圖　　100
6.5.1　 數(shù)據(jù)　　100
6.5.2　 散點(diǎn)圖　　101
6.5.3　 散點(diǎn)大小　　102
6.5.4　 標(biāo)簽　　103
6.6　 更上一層樓　　105
第7章　比例尺　　107
7.1　 蘋果和像素　　107
7.2　 值域和范圍　　108
7.3　 歸一化　　109
7.4　 創(chuàng)建比例尺　　109
7.5　 縮放散點(diǎn)圖　　110
7.5.1　 d3.min()和d3.max()　　110
7.5.2　 設(shè)置動態(tài)縮放　　112
7.5.3　 整合縮放后的值　　112
7.6　 修飾圖表　　113
7.7　 其他方法　　117
7.8　 其他比例尺　　117
第8章　數(shù)軸　　119
8.1　 數(shù)軸簡介　　119
8.2　 設(shè)定數(shù)軸　　120
8.3　 修整數(shù)軸　　121
8.4　 優(yōu)化刻度　　124
8.5　 垂直數(shù)軸　　125
8.6　 最后的潤色　　126
8.7　 為刻度標(biāo)簽定義樣式　　128
第9章　更新、過渡和動畫　　129
9.1　 更新條形圖　　129
9.1.1　 序數(shù)比例尺　　130
9.1.2　 自動分檔　　132
9.1.3　 使用序數(shù)比例尺　　132
9.1.4　 其他更新　　133
9.2　 更新數(shù)據(jù)　　133
9.2.1　 通過事件監(jiān)聽器實(shí)現(xiàn)交互　　134
9.2.2　 改變數(shù)據(jù)　　135
9.2.3　 更新視覺元素　　135
9.3　 過渡動畫　　138
9.3.1　 持續(xù)時間　　139
9.3.2　 緩動函數(shù)　　140
9.3.3　 延遲時間　　141
9.3.4　 使用隨機(jī)數(shù)據(jù)　　143
9.3.5　 更新比例尺　　145
9.3.6　 更新數(shù)軸　　147
9.3.7　 在過渡開始和結(jié)束時執(zhí)行操作　　149
9.4　 其他數(shù)據(jù)更新方式　　156
9.4.1　 添加值（和元素）　　156
9.4.2　 刪除值（和元素）　　161
9.4.3　 通過鍵聯(lián)結(jié)數(shù)據(jù)　　164
9.4.4　 添加和刪除組合拳　　169
9.4.5　 簡要回顧　　170
第10章　交互式圖表　　171
10.1　 綁定事件監(jiān)聽器　　171
10.2　 什么是行為　　172
10.3　 分組SVG元素　　177
10.4　 提示條　　182
10.4.1　 瀏覽器默認(rèn)提示條　　182
10.4.2　 SVG元素提示條　　184
10.4.3　 HTML的div提示條　　185
10.5　 適應(yīng)觸摸設(shè)備　　188
10.6　 更進(jìn)一步　　188
第11章　 布局　　189
11.1　 餅圖布局　　190
11.2　 堆疊布局　　194
11.3　 力導(dǎo)向布局　　197
第12章　 地圖　　203
12.1　 JSON與GeoJSON　　203
12.2　 路徑　　205
12.3　 投影　　206
12.4　 等值區(qū)域　　208
12.5　 添加定位點(diǎn)　　212
12.6　 取得和解析地圖數(shù)據(jù)　　215
12.6.1　 查找shapefile文件　　215
12.6.2　 選擇解析度　　216
12.6.3　 簡化數(shù)據(jù)文件　　217
12.6.4　 轉(zhuǎn)換為GeoJSON　　218
第13章　導(dǎo)出文件　　221
13.1　 導(dǎo)出位圖　　221
13.2　 導(dǎo)出PDF　　222
13.3　 導(dǎo)出SVG　　223
附錄A　 擴(kuò)展閱讀　　227
A.1　 圖書　　228
A.2　 網(wǎng)站　　228
A.3　 Twitter　　229