【每周一本書】之《圖說D3：數(shù)據(jù)可視化利器從入門到進(jìn)階》

數(shù)據(jù)可視化大數(shù)據(jù) 數(shù)據(jù)分析

原創(chuàng) abby | 2017-05-09 08:00

【數(shù)據(jù)猿導(dǎo)讀】《圖說D3：數(shù)據(jù)可視化利器從入門到進(jìn)階》以一個(gè)故事開始，闡釋制作可視化數(shù)據(jù)圖表的基本方法論，以及如何結(jié)合D3 高效、快速地創(chuàng)建可視化圖表

【每周一本書】之《圖說D3：數(shù)據(jù)可視化利器從入門到進(jìn)階》

來源：數(shù)據(jù)猿作者：abby

數(shù)據(jù)、數(shù)據(jù)、數(shù)據(jù)。有關(guān)數(shù)據(jù)的信息林林總總堆積起來，速度比以往任何時(shí)候都要快。數(shù)據(jù)信息的急劇膨脹帶來一個(gè)跨越兩個(gè)世紀(jì)的需求——數(shù)據(jù)可視化，即將原始數(shù)據(jù)中的模式和趨勢加工成視覺形式的藝術(shù)。

以往，這種視覺形式會(huì)通過紙張和油墨呈現(xiàn)在書籍、報(bào)紙和學(xué)術(shù)期刊上，固化于印刷的那個(gè)時(shí)刻。但是，現(xiàn)今數(shù)據(jù)卻越來越頻繁地被轉(zhuǎn)化成像素，并以可交互的形式呈現(xiàn)于線上媒體，讀者點(diǎn)點(diǎn)鼠標(biāo)就能改變其外觀。當(dāng)今，每個(gè)數(shù)據(jù)從業(yè)者都需要一款工具協(xié)助其處理——從信息到網(wǎng)頁，從原始靜態(tài)的數(shù)字到動(dòng)態(tài)圖形。

“D3”是“數(shù)據(jù)驅(qū)動(dòng)文檔”（Data-Driven Documents）的簡稱，不僅可以幫助你將信息轉(zhuǎn)換成圖形，而且可以協(xié)助你基于數(shù)據(jù)創(chuàng)建和操作完整的網(wǎng)頁和圖表。這是一款夢幻般的工具，正是或至少是這個(gè)世界亟需的一款數(shù)據(jù)可視化工具。

D3由斯坦福大學(xué)畢業(yè)生 Mike Bostock聯(lián)合其導(dǎo)師 Jeffery Heer及 Vadim Ogievetsky首發(fā)于 2011年。D3是基于 JavaScript這種互聯(lián)網(wǎng)世界絕對通用語言的一個(gè)自由擴(kuò)展庫。D3背后的基本理論是：提供一種方式，將網(wǎng)頁上的元素與數(shù)據(jù)連接起來，然后基于這些數(shù)據(jù)去操縱網(wǎng)頁元素。例如，你想將 5個(gè)數(shù)據(jù)點(diǎn)轉(zhuǎn)換成一幅條形圖，只需在 D3中將這些數(shù)據(jù)點(diǎn)與 5個(gè)矩形圖形元素連接，然后根據(jù)對應(yīng)的數(shù)據(jù)值設(shè)置矩形的寬度即可——真是簡單到極致了。

今天小編為大家推薦的《圖說D3：數(shù)據(jù)可視化利器從入門到進(jìn)階》就以一個(gè)故事開始，闡釋制作可視化數(shù)據(jù)圖表的基本方法論，以及如何結(jié)合D3高效、快速地創(chuàng)建可視化圖表。

數(shù)據(jù)可視化_大數(shù)據(jù)_數(shù)據(jù)分析-1

D3.js已一躍成為 JavaScript構(gòu)建數(shù)據(jù)可視化的基礎(chǔ)工具。 D3由 Mike Bostock編寫，并在 Mike之前創(chuàng)建的 Protovis可視化庫中成功運(yùn)用。與以往的 JavaScript可視化庫或 Protovis不一樣，D3被設(shè)計(jì)成一個(gè)面向底層的工具集，既能直接用于構(gòu)建可視化，也可以用來編寫抽象程度更高的可視化庫，如 Protovis。得益于該設(shè)計(jì)思想， D3可以為開發(fā)者在結(jié)構(gòu)、樣式及交互行為上提供更多控制機(jī)制。當(dāng)然，控制機(jī)制越強(qiáng)，學(xué)習(xí)曲線也越陡峭。本書旨在幫助你消弭學(xué)習(xí)障礙，將 D3快速運(yùn)用于實(shí)際工作中。同時(shí)，本書作者 Ritchie King也對數(shù)據(jù)可視化擁有自己獨(dú)特的見解。

本書從內(nèi)容上分為10個(gè)章節(jié)：

第1章：以圖敘事和 D3對數(shù)據(jù)可視化進(jìn)行了簡單的介紹，解釋可視化對提升理解有巨大作用的原因。同時(shí)，對 D3進(jìn)行了簡單的介紹，解釋為何 D3會(huì)成為 Web端數(shù)據(jù)可視化的利器。

第2章：發(fā)掘并圖解案例。敘述了如何去搜尋一組有故事性的數(shù)據(jù)，包括相關(guān)數(shù)據(jù)準(zhǔn)備及可視化樣式制作指導(dǎo)，其中的示例“世界人口年齡分布柱形交互圖”貫穿本書。

第3章：可縮放矢量圖形。介紹了可縮放矢量圖形（SVG）。這是一種創(chuàng)建美觀圖形元素的 Web標(biāo)準(zhǔn)，D3可以很輕易地操縱這些元素。本書部分示例是用 SVG繪制的。

第4章：用 D3選擇集操控網(wǎng)頁。開始接觸 D3并學(xué)習(xí)用 D3選擇頁面元素是本章的主題。第3章中的SVG圖表會(huì)在本章中用D3重建。

第5章：數(shù)據(jù)連接：進(jìn)入。對 D3的核心概念“數(shù)據(jù)連接”進(jìn)行了詳細(xì)介紹。同時(shí)，用“數(shù)據(jù)連接”重建了第4章的示例。

第6章：縮放圖形并添加軸線。介紹D3用來自動(dòng)進(jìn)行圖形縮放和生成坐標(biāo)軸的方法，并在示例中進(jìn)行了應(yīng)用。

第7章：加載并過濾外部數(shù)據(jù)。從外部獨(dú)立數(shù)據(jù)源創(chuàng)建圖表可能是 D3的主要實(shí)際使用場景。本章介紹了如何加載外部數(shù)據(jù)，以及 D3采用異步方式加載數(shù)據(jù)的原因。

第8章：為圖形添加交互和動(dòng)畫效果。給示例添加交互按鈕（數(shù)據(jù)集中每一年對應(yīng)一個(gè)按鈕）。當(dāng)按鈕被點(diǎn)擊時(shí)，柱形圖中的每一個(gè)柱形會(huì)按照實(shí)際的數(shù)據(jù)值進(jìn)行水平縮放，并產(chǎn)生過渡動(dòng)效。

第9章：添加播放按鈕。播放按鈕一旦被點(diǎn)擊，就會(huì)在數(shù)據(jù)集中輪播每一年的數(shù)據(jù)。

第10章：修行靠自身。本書最后以教你如何正確進(jìn)入D3生態(tài)系統(tǒng)結(jié)尾。

適讀人群：

本書適合希望用D3創(chuàng)建健壯的數(shù)據(jù)可視化圖形的初學(xué)者和有一定經(jīng)驗(yàn)的開發(fā)者閱讀。

【每周一本書】之《Python大戰(zhàn)機(jī)器學(xué)習(xí)：數(shù)據(jù)科學(xué)家的第一個(gè)小目標(biāo)》

【每周一本書】之《圖解Spark：核心技術(shù)與案例實(shí)戰(zhàn)》

【每周一本書】之《大數(shù)據(jù)技術(shù)概論》：菜鳥學(xué)大數(shù)據(jù)，如果這些還不會(huì)，勸你一定要補(bǔ)上！

【每周一本書】之《數(shù)據(jù)新聞實(shí)戰(zhàn)》：趁早學(xué)！這些工具，新聞人將越來越離不開

點(diǎn)擊查看更多大數(shù)據(jù)書籍……

本書由 數(shù)據(jù)猿聯(lián)合電子工業(yè)出版社 共同推薦

【本欄目合作伙伴】：清華大學(xué)出版社、電子工業(yè)出版社、北京師范大學(xué)出版社、中國人民大學(xué)出版社。

歡迎更多合作伙伴加入！也歡迎勾搭小編，微信：wmh4178，備注“書”

聲明：數(shù)據(jù)猿尊重媒體行業(yè)規(guī)范，相關(guān)內(nèi)容都會(huì)注明來源與作者；轉(zhuǎn)載我們原創(chuàng)內(nèi)容時(shí)，也請務(wù)必注明“來源：數(shù)據(jù)猿”與作者名稱，否則將會(huì)受到數(shù)據(jù)猿追責(zé)。