精通D3.js （第2版） ( 簡體 字) |
| 作者：呂之華 | 類別：1. -> 程式設計 -> 網路編程 -> Javascript |
| 譯者： |
| 出版社：電子工業出版社 |  3dWoo書號： 46965
詢問書籍請說出此書號！【缺書】
NT售價： 425 元 |
| 出版日：6/1/2017 |
| 頁數：432 |
| 光碟數：0 |
|
站長推薦：  |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787121315053 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：D3（Data-Driven Document）是一個用于數據可視化開發的JavaScript庫，該項目托管于GitHub。GitHub是全世界最流行的代碼托管平臺，云集了來自世界各地的優秀工程師。D3自誕生以來，不斷受到好評，其在GitHub的項目倉庫排行榜上排名已高居第2位（2017年3月）。以一個可視化工具而言，能取得這種成就可謂奇跡。
使用者眾多并不意味著一個工具一定好，但一定意味著它擁有更多的教程、示例代碼、社區問答和出版物。D3由于其龐大的用戶量，幾乎已經成為數據可視化的代名詞。
本書希望盡可能讓零基礎的讀者也能閱讀，但這或許很難。你也許需要至少掌握一門編程語言，例如C/C++、Java、JavaScript，并了解網頁編寫的基本知識。
學習本書后，相信讀者能在查詢API的情況下完成數據可視化的工作。為使閱讀盡量簡單、易懂，本書附帶非常豐富的插圖。用圖而不用文字，這也正好符合可視化的追求。
如何閱讀本書
讀者現在正在閱讀的，是《精通D3.js》的第2版，本書新增了D3 4.x的內容。
D3在網絡上存在兩個常用版本：3.x和4.x。
3.x經過長時間的發展，資料豐富，擁有大量的出版物，版本比較穩定，插件也較多。
4.x是新版本，采用了與3.x完全不同的模塊化設計思維，功能也比3.x強大，但是目前資料相對較少，幾乎沒有出版物，社區解答的規模還沒有形成。
本書希望既能結合3.x和4.x的內容，又不至于造成版本使用的混亂。
第1章至第3章：學習D3的預備知識。
第4章：D3的核心知識數據綁定，內容通用于3.x和4.x版本。
第5章至第13章：D3學習的主線，以3.x為基準，其內容也可作為4.x的參考。
第14章至第16章：D3 4.x的內容，包括升級方法、設計思想、新功能等。
根據讀者的需求，筆者推薦您參考如下的閱讀順序。
1．零基礎初學者
按順序從第1章閱讀到第16章即可，有不需要學習的章節可以自行跳過。
2．已經用過3.x，希望學習4.x的讀者
閱讀第4章、第14∼16章的內容。第4章屬于核心知識，可以用作復習，如果熟悉也可以不閱讀。
3．僅希望用3.x的讀者
閱讀第4章至第13章。
運行環境
運行本書的示例，需要安裝以下軟件：
· Chrome、Firefox、Safari、Opera、Internet Explorer 9及更高版本；
· Apache HTTP Server或Ngnix等服務器軟件（部分示例）。
排版約定
為使讀者把握重點，本書將采用以下排版約定。
（1）正文中重要的詞匯會使用加粗字體以示強調。
（2）重要的代碼會以加粗字體表示強調，例如：
d3.selectAll("p").text("cat"); //普通代碼
d3.selectAll("p").text("dog"); //重要代碼
勘誤信息
一本書要想完善，需要眾多讀者反饋錯誤。筆者雖想盡最大努力確保沒有錯誤，但這卻是很困難的。如果你發現書中的任何錯誤，小到錯別字，大到代碼無法運行等，希望能及時反饋給筆者。您的任何一次勘誤，都會令筆者和其他讀者受益。
致謝
這是本書的第2版，在第1版的基礎上修改和新增了很多內容。
感謝支持和購買本書第1版的讀者，沒有你們的幫助，本書不會有第2版。
感謝我的妻子，當我感到疲勞時，有她在身邊總能讓我感到安心。
感謝我的兒子，他是我最重要的精神支柱。
感謝本書的編輯付睿女士，她協助我完成本書的構思，并提出了很多建設性的意見。
|
內容簡介：本書以世界范圍內最流行的可視化工具D3為主題，包含D3簡介、Web前端基本知識、D3開發環境的構建、D3基礎、D3學習主線，以及D3最新版本D3.js 4.0的知識。學習本書后，相信讀者能在查詢API的情況下完成數據可視化的工作。為使閱讀盡量簡單、易懂，本書附帶非常豐富的插圖。 本書在設計上希望讓零基礎的讀者也能閱讀，但這或許很難。讀者也許需要至少掌握一門編程語言，例如C/C++、Java、JavaScript，并了解網頁編寫的基本知識。 |
目錄：第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＆CSS 16
2.2.1 HTML元素 17
2.2.2 CSS選擇器 17
2.3 JavaScript 18
2.3.1 在HTML中使用JavaScript 18
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 DOM 29
2.4.1 結構 29
2.4.2 訪問和修改HTML元素 30
2.4.3 添加和刪除節點 31
2.4.4 事件 32
2.5 SVG 32
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 Canvas 43
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 下載D3 55
3.1.1 通過本地引用 55
3.1.2 通過網絡引用 56
3.2 安裝Chrome和Sublime Text 56
3.3 安裝Apache HTTP Server 57
3.4 Hello World 60
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、exit 77
4.5.1 enter的處理方法 77
4.5.2 exit的處理方法 79
4.5.3 數據更新時的處理模板 79
4.6 選擇集的常用方法 80
4.6.1 過濾filter 80
4.6.2 排序sort 81
4.6.3 遍歷each 81
4.6.4 傳遞call 82
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 RGB 117
6.1.2 HSL 118
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.event 161
8.2.1 事件的種類 161
8.2.2 容器的相對坐標 162
8.3 行為d3.behavior 163
8.3.1 拖曳 163
8.3.2 縮放 166
第9章 導入和導出 170
9.1 文件導入 170
9.1.1 JSON 171
9.1.2 CSV 173
9.1.3 XML 177
9.1.4 TEXT 178
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 GeoJSON 233
11.1.4 TopoJSON 237
11.2 中國地圖 239
11.2.1 基于GeoJSON 239
11.2.2 基于TopoJSON 242
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.x 344
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-color 367
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-hierarchy 380
15.4.3 全新的打包圖d3.pack 383
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.js 407
16.4.1 Leaflet.js的簡介和安裝 408
16.4.2 載入地圖 408
16.4.3 加入標注 412
16.4.4 添加SVG或Canvas到地圖上 414
附錄A 彩色插圖 419
參考文獻 436
|
| 序： |
