本書以世界范圍內流行的可視化工具D3為主題，包含D3簡介、Web前端基本知識、D3開發環境的構建、D3基礎、D3學習主線，以及D3版本D3.js 4.0的知識。學習本書后，相信讀者能在查詢API的情況下完成數據可視化的工作。為使閱讀盡量簡單、易懂，本書附帶非常豐富的插圖。 本書在設計上希望讓零基礎的讀者也能閱讀，但這或許很難。讀者也許需要至少掌握一門編程語言，例如C/C 、Java、JavaScript，并了解網頁編寫的基本知識。
《精通D3.js(第2版)》介紹了D3.js，并新增了D3.4x版本的相關知識，是比較系統完整的教程。由淺入深，既有基礎入門知識，又有相對深入的內容。圖文并茂，語言流暢，講解清晰易懂。
呂之華，2012年軟件工程專業畢業，同年赴日。2015年獲日本巖手大學設計與媒體專業碩士學位。多年專研數據可視化、計算機動畫等技術。
2014年起以D3.js為主題在網絡上發表了一系列文章，獲得讀者好評，本書是在此基礎上經過精選和擴充形成的。2017年本書第2版出版。
目 錄
第1章 D3簡介1
1.1 D3是什么1
1.1.1 D3簡史2
1.1.2 D3的優勢3
1.1.3 D3的適用范圍4
1.2 數據可視化是什么4
1.2.1 目的5
1.2.2 構成要素5
1.2.3 相關概念7
1.3 圖表種類7
1.4 學習方法10
1.4.1 預備知識11
1.4.2 學習順序11
1.4.3 D3難嗎11
第2章 Web前端開發基礎13
2.1 瀏覽器和服務器14
2.1.1 瀏覽器14
2.1.2 服務器15
2.2 HTML&CSS16
2.2.1 HTML元素17
2.2.2 CSS選擇器17
2.3 JavaScript18
2.3.1 在HTML中使用JavaScript18
2.3.2 語法19
2.3.3 變量20
2.3.4 數據類型21
2.3.5 操作符23
2.3.6 語句24
2.3.7 函數27
2.3.8 對象27
2.3.9 數組28
2.4 DOM29
2.4.1 結構29
2.4.2 訪問和修改HTML元素30
2.4.3 添加和刪除節點31
2.4.4 事件32
2.5 SVG32
2.5.1 位圖和矢量圖33
2.5.2 圖形元素33
2.5.3 文字38
2.5.4 樣式39
2.5.5 標記40
2.5.6 濾鏡41
2.5.7 漸變42
2.6 Canvas43
2.6.1 開始繪圖44
2.6.2 狀態機44
2.6.3 基本圖形45
2.6.4 文字47
2.6.5 變形48
2.6.6 圖片49
2.6.7 漸變49
2.7 色彩基礎50
2.7.1 顏色空間50
2.7.2 色相環51
2.7.3 配色基礎52
2.7.4 配色的心理效果54
第3章 準備開發環境55
3.1 下載D355
3.1.1 通過本地引用55
3.1.2 通過網絡引用56
3.2 安裝Chrome和Sublime Text56
3.3 安裝Apache HTTP Server57
3.4 Hello World60
3.5 繪制矢量圖61
3.6 調試62
第4章 D3基礎：選擇集與數據63
4.1 選擇元素63
4.2 選擇集64
4.2.1 查看狀態64
4.2.2 設定和獲取屬性65
4.3 添加、插入和刪除68
4.4 數據綁定69
4.4.1 datum()的工作過程69
4.4.2 data()的工作過程72
4.4.3 綁定的順序76
4.5 update、enter、exit77
4.5.1 enter的處理方法77
4.5.2 exit的處理方法79
4.5.3 數據更新時的處理模板79
4.6 選擇集的常用方法80
4.6.1 過濾filter80
4.6.2 排序sort81
4.6.3 遍歷each81
4.6.4 傳遞call82
4.7 數組的常用方法82
4.7.1 排序82
4.7.2 求值83
4.7.3 生成和操作85
4.7.4 映射86
4.8 柱形圖88
4.8.1 添加矩形和文字88
4.8.2 更新數據92
第5章 比例尺和坐標軸96
5.1 定量比例尺96
5.1.1 線性比例尺97
5.1.2 指數比例尺和對數比例尺100
5.1.3 量子比例尺和分位比例尺101
5.1.4 閾值比例尺103
5.2 序數比例尺104
5.3 坐標軸108
5.3.1 繪制方法109
5.3.2 刻度111
5.3.3 各比例尺的坐標軸113
5.4 散點圖113
第6章 繪制116
6.1 顏色116
6.1.1 RGB117
6.1.2 HSL118
6.1.3 插值119
6.2 線段生成器119
6.3 區域生成器123
6.4 弧生成器125
6.5 符號生成器127
6.6 弦生成器129
6.7 對角線生成器131
6.8 折線圖132
第7章 動畫137
7.1 過渡效果137
7.1.1 創建過渡138
7.1.2 過渡的屬性141
7.1.3 子元素144
7.1.4 事件監聽和調用146
7.1.5 過渡的樣式148
7.2 散點圖的過渡效果148
7.2.1 繪圖準備149
7.2.2 應用過渡的散點150
7.2.3 繪制坐標軸151
7.2.4 更新數據的事件152
7.2.5 結果153
第8章 交互154
8.1 監聽器154
8.1.1 鼠標156
8.1.2 鍵盤157
8.1.3 觸屏159
8.2 事件d3.event161
8.2.1 事件的種類161
8.2.2 容器的相對坐標162
8.3 行為d3.behavior163
8.3.1 拖曳163
8.3.2 縮放166
第9章 導入和導出170
9.1 文件導入170
9.1.1 JSON171
9.1.2 CSV173
9.1.3 XML177
9.1.4 TEXT178
9.2 文件導出179
9.2.1 導出為SVG文件179
9.2.2 編輯矢量圖182
第10章 布局185
10.1 餅狀圖185
10.2 力導向圖191
10.3 弦圖197
10.4 樹圖205
10.5 捆圖210
10.6 直方圖216
10.7 矩陣樹圖223
第11章 地圖的基礎228
11.1 地圖的數據228
11.1.1 下載228
11.1.2 簡化232
11.1.3 GeoJSON233
11.1.4 TopoJSON237
11.2 中國地圖239
11.2.1 基于GeoJSON239
11.2.2 基于TopoJSON242
11.3 地理路徑250
11.3.1 地理路徑生成器250
11.3.2 形狀生成器254
11.4 投影259
第12章 友好的交互268
12.1 提示框268
12.1.1 餅狀圖的提示框269
12.1.2 提示框的樣式271
12.2 坐標系中的焦點273
12.2.1 折線圖的焦點274
12.2.2 為折線圖添加提示框279
12.3 元素組合283
12.3.1 餅狀圖的拖曳284
12.3.2 移入和移出286
12.3.3 合并294
12.4 區域選擇296
12.4.1 在SVG畫板里選擇一塊區域297
12.4.2 散點圖的區域選擇299
12.5 開關301
12.5.1 思維導圖的構造思路302
12.5.2 思維導圖的制作305
第13章 地圖的應用312
13.1 值域的顏色312
13.2 標注316
13.2.1 標注地點317
13.2.2 夜光圖319
13.3 標線321
13.3.1 帶有箭頭的標線322
13.3.2 球面地圖的標線324
13.4 拖曳和縮放326
13.4.1 平面地圖326
13.4.2 球面地圖329
13.5 力導向地圖330
13.5.1 Voronoi圖和Delaunay三角剖分330
13.5.2 力導向的中國地圖334
第14章 D3 4.x簡介340
14.1 4.x的新功能341
14.2 3.x如何升級到4.x344
14.2.1 加載文件的變化345
14.2.2 布局的變化規則345
14.2.3 生成器的變化規則346
14.2.4 比例尺的變化規則346
14.2.5 升級小結347
14.3 D3 4.x的設計思想347
14.3.1 3.x和4.x的結構區別347
14.3.2 模塊化的優點348
14.3.3 可閱讀性和自我解釋350
14.4 未來展望351
14.4.1 模塊發展的百花齊放352
14.4.2 應用范圍擴大352
14.4.3 第二核心、第三核心352
第15章 D3 4.x新功能剖析354
15.1 全新的力導向圖354
15.1.1 力的作用355
15.1.2 控制時間357
15.1.3 給Canvas添加拖放事件358
15.1.4 4.x版完整的力導向圖360
15.2 豐富多彩的調色板364
15.2.1 配色模板365
15.2.2 d3-color367
15.3 功能倍增的圖形生成器368
15.3.1 折線圖和線段生成器369
15.3.2 消失的對角線生成器372
15.3.3 更簡單的坐標軸374
15.4 更合理的布局375
15.4.1 堆棧圖的數據結構376
15.4.2 從思維導圖來探究d3-hierarchy380
15.4.3 全新的打包圖d3.pack383
15.5 無限循環的過渡效果384
15.5.1 單元素的無限過渡385
15.5.2 多元素的無限過渡386
第16章 D3 4.x在地圖上的應用387
16.1 Canvas地圖的基本功能387
16.1.1 填充和描邊388
16.1.2 選擇區域390
16.1.3 拖曳和縮放392
16.2 地圖上飛舞的流星394
16.2.1 Canvas的流星效果395
16.2.2 地圖兩點間的流星396
16.3 地球儀401
16.3.1 4.x的形狀生成器401
16.3.2 Canvas球面地圖的旋轉和縮放403
16.4 結合Leaflet.js和D3.js407
16.4.1 Leaflet.js的簡介和安裝408
16.4.2 載入地圖408
16.4.3 加入標注412
16.4.4 添加SVG或Canvas到地圖上414
附錄A 彩色插圖419
參考文獻436
