數(shù)據(jù)可視化實(shí)戰(zhàn)使用d3設(shè)計(jì)交互式圖表 莫瑞高清掃描版

數(shù)據(jù)可視化實(shí)戰(zhàn)使用d3設(shè)計(jì)交互式圖表是國(guó)內(nèi)探討在瀏覽器中實(shí)現(xiàn)動(dòng)態(tài)數(shù)據(jù)可視化的經(jīng)典圖書(shū)，由美國(guó)程序員Scott Murray 編著。本書(shū)內(nèi)容豐富翔實(shí)，主要介紹javaScript的數(shù)據(jù)可視化庫(kù)D3，它可以把數(shù)據(jù)加載到網(wǎng)頁(yè)中并基于數(shù)據(jù)生成各種圖表。作者通過(guò)風(fēng)趣幽默的語(yǔ)言、簡(jiǎn)單易懂的示例，由淺入深地介紹了使用D3所需的基本技術(shù)，以及基于數(shù)據(jù)繪圖、比例尺、數(shù)軸、數(shù)據(jù)更新、過(guò)渡和動(dòng)畫(huà)等構(gòu)建交互式在線圖表的核心概念，最后還介紹了 D3 中常用的布局方法和創(chuàng)建地圖等流行應(yīng)用的技巧，適用于具有一定的 Web 開(kāi)發(fā)經(jīng)驗(yàn)的人員閱讀。

內(nèi)容介紹

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

《數(shù)據(jù)可視化實(shí)戰(zhàn) 使用d3設(shè)計(jì)交互式圖表》這本書(shū)很有意思，而且對(duì)讀者要求不高。不需要知道什么是數(shù)據(jù)可視化，也不用有太多Web開(kāi)發(fā)背景就能看懂它。不信？翻一翻就知道這是一本既好玩又實(shí)用的動(dòng)手指南啦！看完這本書(shū)你會(huì)怎么樣呢？

掌握必要的HTML、CSS、JavaScript和SVG基礎(chǔ)知識(shí)；

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

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

使用平滑的過(guò)渡動(dòng)畫(huà)來(lái)展示數(shù)據(jù)的變化；

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

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

另外，《數(shù)據(jù)可視化實(shí)戰(zhàn) 使用d3設(shè)計(jì)交互式圖表》100多個(gè)代碼示例都可以在線瀏覽。

數(shù)據(jù)可視化實(shí)戰(zhàn)章節(jié)目錄

前言  

第1章 寫(xiě)在前面

1.1  數(shù)據(jù)為什么要可視化

1.2  為什么要寫(xiě)代碼

1.3  為什么要交互

1.4  為什么要在Web上

1.5  這是一本什么書(shū)

1.6  讀者是誰(shuí)

1.7  這不是什么書(shū)

1.8  使用示例代碼

1.9  謝謝你

第2章 D3簡(jiǎn)介

2.1  D3能做什么

2.2  D3不能做什么

2.3  起源與背景

2.4  替代方案

2.4.1  簡(jiǎn)易圖表

2.4.2  圖譜可視化

2.4.3  地圖映射

2.4.4  較原始的方案

2.4.5  三維圖形

2.4.6  基于D3的工具

第3章 技術(shù)基礎(chǔ)  

3.1  Web（萬(wàn)維網(wǎng)）

3.2  HTML

3.2.1  內(nèi)容和結(jié)構(gòu)

3.2.2  通過(guò)元素來(lái)添加結(jié)構(gòu)

3.2.3  常用元素

3.2.4  屬性

3.2.5  類(lèi)和ID

3.2.6  注釋

3.3  DOM

3.4  開(kāi)發(fā)者工具

3.5  渲染與盒模型

3.6  CSS

3.6.1  選擇符

3.6.2  屬性和值

3.6.3  注釋

3.6.4  引用樣式

3.6.5  繼承、層疊和特指度

3.7  JavaScript

3.7.1  Hello, Console

3.7.2  變量

3.7.3  其他數(shù)據(jù)類(lèi)型

3.7.3  數(shù)學(xué)運(yùn)算符

3.7.4  比較運(yùn)算符

3.7.5  控制結(jié)構(gòu)

3.7.6  函數(shù)

3.7.7  注釋

3.7.8  引用腳本文件

3.7.9  JavaScript陷阱

3.8  SVG

3.8.1  SVG元素

3.8.2  簡(jiǎn)單的圖形

3.8.3  為SVG元素添加樣式

3.8.4  分層與繪制順序

3.8.5  透明度

3.9  關(guān)于兼容性

第4章 安裝D3

4.1  下載D3

4.2  引用D3

4.3  配置Web服務(wù)器

4.3.1  基于Python的文本終端方案

4.3.2  MAMP、WAMP和LAMP

4.3.3  快開(kāi)始吧

第5章 數(shù)據(jù)

5.1  生成頁(yè)面元素

5.1.1  連綴方法

5.1.2  各個(gè)擊破

5.1.3  平穩(wěn)交接

5.1.4  不要連綴

5.2  綁定數(shù)據(jù)

5.2.1  怎么綁定

5.2.2  數(shù)據(jù)

5.2.3  作出你的選擇

5.2.4  綁定及確定

5.3  使用自己的數(shù)據(jù)

5.3.1  自定義函數(shù)

5.3.2  數(shù)據(jù)需要擁抱

5.2.3  添加樣式

第6章 基于數(shù)據(jù)繪圖

6.1  繪制DIV

6.1.1  設(shè)定屬性

6.1.2  關(guān)于類(lèi)

6.1.3  言歸正傳

6.1.4  設(shè)定樣式

6.2  data()的魔力

6.3  繪制SVG

6.3.1  創(chuàng)建SVG

6.3.2  數(shù)據(jù)驅(qū)動(dòng)的圖形

6.3.3  你好，色彩

6.4  繪制條形圖

6.4.1  老方法生成的條形圖

6.4.2  用新方法改進(jìn)條形圖

6.4.3  上色

6.4.4  加標(biāo)簽

6.5  繪制散點(diǎn)圖

6.5.1  數(shù)據(jù)

6.5.2  散點(diǎn)圖

6.5.3  散點(diǎn)大小

6.5.4  標(biāo)簽

6.6  更上一層樓

第7章 比例尺  

7.1  蘋(píng)果和像素

7.2  值域和范圍

7.3  歸一化

7.4  創(chuàng)建比例尺

7.5  縮放散點(diǎn)圖

7.5.1  d3.min()和d3.max()

7.5.2  設(shè)置動(dòng)態(tài)縮放

7.5.3  整合縮放后的值

7.6  修飾圖表

7.7  其他方法

7.8  其他比例尺

第8章 數(shù)軸

8.1  數(shù)軸簡(jiǎn)介

8.2  設(shè)定數(shù)軸

8.3  修整數(shù)軸

8.4  優(yōu)化刻度

8.5  垂直數(shù)軸

8.6  最后的潤(rùn)色

8.7  為刻度標(biāo)簽定義樣式

第9章 更新、過(guò)渡和動(dòng)畫(huà)

9.1  更新條形圖

9.1.1  序數(shù)比例尺

9.1.2  自動(dòng)分檔

9.1.3  使用序數(shù)比例尺

9.1.4  其他更新

9.2  更新數(shù)據(jù)

9.2.1  通過(guò)事件監(jiān)聽(tīng)器實(shí)現(xiàn)交互

9.2.2  改變數(shù)據(jù)

9.2.3  更新視覺(jué)元素

9.3  過(guò)渡動(dòng)畫(huà)

9.3.1  持續(xù)時(shí)間

9.3.2  緩動(dòng)函數(shù)

9.3.3  延遲時(shí)間

9.3.4  使用隨機(jī)數(shù)據(jù)

9.3.5  更新比例尺

9.3.6  更新數(shù)軸

9.3.7  在過(guò)渡開(kāi)始和結(jié)束時(shí)執(zhí)行操作

9.4  其他數(shù)據(jù)更新方式

9.4.1  添加值（和元素）

9.4.2  刪除值（和元素）

9.4.3  通過(guò)鍵聯(lián)結(jié)數(shù)據(jù)

9.4.4  添加和刪除組合拳

9.4.5  簡(jiǎn)要回顧

第10章 交互式圖表

10.1  綁定事件監(jiān)聽(tīng)器

10.2  什么是行為

10.3  分組SVG元素

10.4  提示條

10.4.1  瀏覽器默認(rèn)提示條

10.4.2  SVG元素提示條

10.4.3  HTML的div提示條

10.5  適應(yīng)觸摸設(shè)備

10.6  更進(jìn)一步

第11章  布局

11.1  餅圖布局

11.2  堆疊布局

11.3  力導(dǎo)向布局

第12章  地圖

12.1  JSON與GeoJSON

12.2  路徑

12.3  投影

12.4  等值區(qū)域

12.5  添加定位點(diǎn)

12.6  取得和解析地圖數(shù)據(jù)

12.6.1  查找shapefile文件

12.6.2  選擇解析度

12.6.3  簡(jiǎn)化數(shù)據(jù)文件

12.6.4  轉(zhuǎn)換為GeoJSON

第13章 導(dǎo)出文件

13.1  導(dǎo)出位圖

13.2  導(dǎo)出PDF

13.3  導(dǎo)出SVG

附錄A  擴(kuò)展閱讀

A.1  圖書(shū)

A.2  網(wǎng)站

使用說(shuō)明

1、下載并解壓，得出pdf文件

2、如果打不開(kāi)本文件，請(qǐng)務(wù)必下載pdf閱讀器

3、安裝后，在打開(kāi)解壓得出的pdf文件

4、雙擊進(jìn)行閱讀