本文關(guān)鍵詞：數(shù)據(jù)可視化實戰(zhàn)：使用D3設(shè)計交互式圖表，由筆耕文化傳播整理發(fā)布。

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

基本信息

原書名：Interactive data visualization for the Web

作者： (美)Scott Murray

譯者： 李松峰

叢書名： 圖靈程序設(shè)計叢書

出版社：人民郵電出版社

ISBN：9787115320117

上架時間：2013-6-9

出版日期：2013 年6月

開本：16開

頁碼：248

版次：1-1

所屬分類：計算機(jī)

更多關(guān)于 》》》《數(shù)據(jù)可視化實戰(zhàn)：使用D3設(shè)計交互式圖表》

內(nèi)容簡介

計算機(jī)書籍

　　數(shù)據(jù)可視化是展示數(shù)據(jù)的重要手段，廣泛適用于數(shù)據(jù)分析、計量統(tǒng)計、演講展示和各種網(wǎng)站應(yīng)用。而通過瀏覽器來呈現(xiàn)數(shù)據(jù)不受平臺限制，任何計算機(jī)只要能上網(wǎng)就可以看到漂亮的交互式圖表。本書將帶領(lǐng)讀者學(xué)習(xí)當(dāng)前最熱門的基于瀏覽器的數(shù)據(jù)可視化庫——d3。作者通過風(fēng)趣幽默的語言、簡單易懂的示例，由淺入深地介紹了使用d3 所需的基本技術(shù)，以及基于數(shù)據(jù)繪圖、比例尺、數(shù)軸、數(shù)據(jù)更新、過渡和動畫等構(gòu)建交互式在線圖表的核心概念，最后還介紹了d3 中常用的布局方法和創(chuàng)建地圖等流行應(yīng)用的技巧。

　　 《數(shù)據(jù)可視化實戰(zhàn)：使用D3設(shè)計交互式圖表》需要讀者具有一定的web 開發(fā)經(jīng)驗，特別要了解一些dom 編程。除此之外，只要對數(shù)據(jù)可視化感興趣，均可閱讀學(xué)習(xí)。

　　 你手頭有一些數(shù)據(jù)，想做成漂亮的圖表放到網(wǎng)站上？好主意，通過瀏覽器來跨平臺實現(xiàn)數(shù)據(jù)可視化是正確的選擇。什么，你還想讓圖表能夠響應(yīng)用戶操作？沒問題，交互式圖表比靜態(tài)圖片更能吸引人去探究本源。好啦，要生成通過瀏覽器展示的動態(tài)圖表，首選目前最熱門的web數(shù)據(jù)可視化庫——d3。

　　 這本書很有意思，而且對讀者要求不高。不需要知道什么是數(shù)據(jù)可視化，也不用有太多web開發(fā)背景就能看懂它。不信？翻一翻就知道這是一本既好玩又實用的動手指南啦！看完這本書你會怎么樣呢？

　　 掌握必要的html、css、javascript和svg基礎(chǔ)知識；

　　 學(xué)會基于數(shù)據(jù)在網(wǎng)頁里生成元素和為它們設(shè)置樣式的技巧；

　　 能夠生成條形圖、散點圖、餅圖、堆疊條形圖和力導(dǎo)向圖；

　　 使用平滑的過渡動畫來展示數(shù)據(jù)的變化；

　　 賦予圖表動態(tài)交互能力，響應(yīng)用戶從不同角度探索數(shù)據(jù)的請求；

　　 收集數(shù)據(jù)和創(chuàng)建自定義的地圖；

　　 另外，本書100多個代碼示例都可以在線瀏覽！

目錄

《數(shù)據(jù)可視化實戰(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　 繪制散點圖　　100

6.5.1　 數(shù)據(jù)　　100

6.5.2　 散點圖　　101

6.5.3　 散點大小　　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　 縮放散點圖　　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)聽器實現(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　 添加定位點　　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

本圖書信息來源：互動出版網(wǎng)

 

  本文關(guān)鍵詞：數(shù)據(jù)可視化實戰(zhàn)：使用D3設(shè)計交互式圖表，，由筆耕文化傳播整理發(fā)布。

本文編號：101901