《數據可視化實戰》是2013年人民郵電出版社出版的圖書，作者是Scott Murray。
基本介紹
- 書名：數據可視化實戰
- 作者：美 Scott Murray
- 譯者：李松峰
- ISBN：9787115320117
- 頁數：248
- 定價：59.00
- 出版社：人民郵電出版社
- 出版時間：2013-6
- 裝幀：平裝
- 副標題：使用D3實際互動式圖表
內容簡介,作者簡介,作品目錄,
內容簡介
你手頭有一些數據，想做成漂亮的圖表放到網站上？好主意，通過瀏覽器來跨平台實現數據可視化是正確的選擇。什麼，你還想讓圖表能夠回響用戶操作？沒問題，互動式圖表比靜態圖片更能吸引人去探究本源。好啦，要生成通過瀏覽器展示的動態圖表，首選目前最熱門的Web數據可視化庫——D3。
這本書很有意思，而且對讀者要求不高。不需要知道什麼是數據可視化，也不用有太多Web開發背景就能看懂它。不信？翻一翻就知道這是一本既好玩又實用的動手指南啦！看完這本書你會怎么樣呢？
掌握必要的HTML、CSS、JavaScript和SVG基礎知識；
學會基於數據在網頁里生成元素和為它們設定樣式的技巧；
能夠生成條形圖、散點圖、餅圖、堆疊條形圖和力導向圖；
使用平滑的過渡動畫來展示數據的變化；
賦予圖表動態互動能力，回響用戶從不同角度探索數據的請求；
收集數據和創建自定義的地圖；
另外，本書100多個代碼示例都可以線上瀏覽！
作者簡介
Scott Murray
編碼藝術家，舊金山大學助理教授，主要講授數據可視化和互動設計。他是Processing（processing.org）的貢獻者，個人作品站點是alignedleft.com。
作品目錄
目錄
前言 XI
第1章 寫在前面 1
1.1 數據為什麼要可視化 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章 技術基礎 15
3.1 Web（全球資訊網） 15
3.2 HTML 17
3.2.1 內容和結構 18
3.2.2 通過元素來添加結構 19
3.2.3 常用元素 20
3.2.4 屬性 22
3.2.5 類和ID 22
3.2.6 注釋 23
3.3 DOM 23
3.4 開發者工具 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 其他數據類型 35
3.7.3 數學運算符 39
3.7.4 比較運算符 39
3.7.5 控制結構 40
3.7.6 函式 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 關於兼容性 56
第4章 安裝D3 59
4.1 下載D3 59
4.2 引用D3 60
4.3 配置Web伺服器 61
4.3.1 基於Python的文本終端方案 61
4.3.2 MAMP、WAMP和LAMP 62
4.3.3 快開始吧 62
第5章 數據 63
5.1 生成頁面元素 63
5.1.1 連綴方法 65
5.1.2 各個擊破 66
5.1.3 平穩交接 66
5.1.4 不要連綴 67
5.2 綁定數據 67
5.2.1 怎么綁定 67
5.2.2 數據 68
5.2.3 作出你的選擇 71
5.2.4 綁定及確定 72
5.3 使用自己的數據 75
5.3.1 自定義函式 75
5.3.2 數據需要擁抱 76
5.2.3 添加樣式 77
第6章 基於數據繪圖 79
6.1 繪製DIV 79
6.1.1 設定屬性 80
6.1.2 關於類 81
6.1.3 言歸正傳 81
6.1.4 設定樣式 82
6.2 data()的魔力 83
6.3 繪製SVG 86
6.3.1 創建SVG 87
6.3.2 數據驅動的圖形 88
6.3.3 你好，色彩 90
6.4 繪製條形圖 90
6.4.1 老方法生成的條形圖 90
6.4.2 用新方法改進條形圖 91
6.4.3 上色 96
6.4.4 加標籤 98
6.5 繪製散點圖 100
6.5.1 數據 100
6.5.2 散點圖 101
6.5.3 散點大小 102
6.5.4 標籤 103
6.6 更上一層樓 105
第7章 比例尺 107
7.1 蘋果和像素 107
7.2 值域和範圍 108
7.3 歸一化 109
7.4 創建比例尺 109
7.5 縮放散點圖 110
7.5.1 d3.min()和d3.max() 110
7.5.2 設定動態縮放 112
7.5.3 整合縮放後的值 112
7.6 修飾圖表 113
7.7 其他方法 117
7.8 其他比例尺 117
第8章 數軸 119
8.1 數軸簡介 119
8.2 設定數軸 120
8.3 修整數軸 121
8.4 最佳化刻度 124
8.5 垂直數軸 125
8.6 最後的潤色 126
8.7 為刻度標籤定義樣式 128
第9章 更新、過渡和動畫 129
9.1 更新條形圖 129
9.1.1 序數比例尺 130
9.1.2 自動分檔 132
9.1.3 使用序數比例尺 132
9.1.4 其他更新 133
9.2 更新數據 133
9.2.1 通過事件監聽器實現互動 134
9.2.2 改變數據 135
9.2.3 更新視覺元素 135
9.3 過渡動畫 138
9.3.1 持續時間 139
9.3.2 緩動函式 140
9.3.3 延遲時間 141
9.3.4 使用隨機數據 143
9.3.5 更新比例尺 145
9.3.6 更新數軸 147
9.3.7 在過渡開始和結束時執行操作 149
9.4 其他數據更新方式 156
9.4.1 添加值（和元素） 156
9.4.2 刪除值（和元素） 161
9.4.3 通過鍵聯結數據 164
9.4.4 添加和刪除組合拳 169
9.4.5 簡要回顧 170
第10章 互動式圖表 171
10.1 綁定事件監聽器 171
10.2 什麼是行為 172
10.3 分組SVG元素 177
10.4 提示條 182
10.4.1 瀏覽器默認提示條 182
10.4.2 SVG元素提示條 184
10.4.3 HTML的div提示條 185
10.5 適應觸摸設備 188
10.6 更進一步 188
第11章 布局 189
11.1 餅圖布局 190
11.2 堆疊布局 194
11.3 力導向布局 197
第12章 地圖 203
12.1 JSON與GeoJSON 203
12.2 路徑 205
12.3 投影 206
12.4 等值區域 208
12.5 添加定位點 212
12.6 取得和解析地圖數據 215
12.6.1 查找shapefile檔案 215
12.6.2 選擇解析度 216
12.6.3 簡化數據檔案 217
12.6.4 轉換為GeoJSON 218
第13章 導出檔案 221
13.1 導出點陣圖 221
13.2 導出PDF 222
13.3 導出SVG 223
附錄A 擴展閱讀 227
A.1 圖書 228
A.2 網站 228
A.3 Twitter 229
前言 XI
第1章 寫在前面 1
1.1 數據為什麼要可視化 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章 技術基礎 15
3.1 Web（全球資訊網） 15
3.2 HTML 17
3.2.1 內容和結構 18
3.2.2 通過元素來添加結構 19
3.2.3 常用元素 20
3.2.4 屬性 22
3.2.5 類和ID 22
3.2.6 注釋 23
3.3 DOM 23
3.4 開發者工具 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 其他數據類型 35
3.7.3 數學運算符 39
3.7.4 比較運算符 39
3.7.5 控制結構 40
3.7.6 函式 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 關於兼容性 56
第4章 安裝D3 59
4.1 下載D3 59
4.2 引用D3 60
4.3 配置Web伺服器 61
4.3.1 基於Python的文本終端方案 61
4.3.2 MAMP、WAMP和LAMP 62
4.3.3 快開始吧 62
第5章 數據 63
5.1 生成頁面元素 63
5.1.1 連綴方法 65
5.1.2 各個擊破 66
5.1.3 平穩交接 66
5.1.4 不要連綴 67
5.2 綁定數據 67
5.2.1 怎么綁定 67
5.2.2 數據 68
5.2.3 作出你的選擇 71
5.2.4 綁定及確定 72
5.3 使用自己的數據 75
5.3.1 自定義函式 75
5.3.2 數據需要擁抱 76
5.2.3 添加樣式 77
第6章 基於數據繪圖 79
6.1 繪製DIV 79
6.1.1 設定屬性 80
6.1.2 關於類 81
6.1.3 言歸正傳 81
6.1.4 設定樣式 82
6.2 data()的魔力 83
6.3 繪製SVG 86
6.3.1 創建SVG 87
6.3.2 數據驅動的圖形 88
6.3.3 你好，色彩 90
6.4 繪製條形圖 90
6.4.1 老方法生成的條形圖 90
6.4.2 用新方法改進條形圖 91
6.4.3 上色 96
6.4.4 加標籤 98
6.5 繪製散點圖 100
6.5.1 數據 100
6.5.2 散點圖 101
6.5.3 散點大小 102
6.5.4 標籤 103
6.6 更上一層樓 105
第7章 比例尺 107
7.1 蘋果和像素 107
7.2 值域和範圍 108
7.3 歸一化 109
7.4 創建比例尺 109
7.5 縮放散點圖 110
7.5.1 d3.min()和d3.max() 110
7.5.2 設定動態縮放 112
7.5.3 整合縮放後的值 112
7.6 修飾圖表 113
7.7 其他方法 117
7.8 其他比例尺 117
第8章 數軸 119
8.1 數軸簡介 119
8.2 設定數軸 120
8.3 修整數軸 121
8.4 最佳化刻度 124
8.5 垂直數軸 125
8.6 最後的潤色 126
8.7 為刻度標籤定義樣式 128
第9章 更新、過渡和動畫 129
9.1 更新條形圖 129
9.1.1 序數比例尺 130
9.1.2 自動分檔 132
9.1.3 使用序數比例尺 132
9.1.4 其他更新 133
9.2 更新數據 133
9.2.1 通過事件監聽器實現互動 134
9.2.2 改變數據 135
9.2.3 更新視覺元素 135
9.3 過渡動畫 138
9.3.1 持續時間 139
9.3.2 緩動函式 140
9.3.3 延遲時間 141
9.3.4 使用隨機數據 143
9.3.5 更新比例尺 145
9.3.6 更新數軸 147
9.3.7 在過渡開始和結束時執行操作 149
9.4 其他數據更新方式 156
9.4.1 添加值（和元素） 156
9.4.2 刪除值（和元素） 161
9.4.3 通過鍵聯結數據 164
9.4.4 添加和刪除組合拳 169
9.4.5 簡要回顧 170
第10章 互動式圖表 171
10.1 綁定事件監聽器 171
10.2 什麼是行為 172
10.3 分組SVG元素 177
10.4 提示條 182
10.4.1 瀏覽器默認提示條 182
10.4.2 SVG元素提示條 184
10.4.3 HTML的div提示條 185
10.5 適應觸摸設備 188
10.6 更進一步 188
第11章 布局 189
11.1 餅圖布局 190
11.2 堆疊布局 194
11.3 力導向布局 197
第12章 地圖 203
12.1 JSON與GeoJSON 203
12.2 路徑 205
12.3 投影 206
12.4 等值區域 208
12.5 添加定位點 212
12.6 取得和解析地圖數據 215
12.6.1 查找shapefile檔案 215
12.6.2 選擇解析度 216
12.6.3 簡化數據檔案 217
12.6.4 轉換為GeoJSON 218
第13章 導出檔案 221
13.1 導出點陣圖 221
13.2 導出PDF 222
13.3 導出SVG 223
附錄A 擴展閱讀 227
A.1 圖書 228
A.2 網站 228
A.3 Twitter 229
