每周一本書之《圖說D3：數據可視化利器從入門到進階》

《圖說D3：數據可視化利器從入門到進階》以一個故事開始，闡釋製作可視化數據圖表的基本方法論，以及如何結合D3 高效、快速地創建可視化圖表。

作者：abby

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

以往，這種視覺形式會通過紙張和油墨呈現在書籍、報紙和學術期刊上，固化於印刷的那個時刻。但是，現今數據卻越來越頻繁地被轉化成像素，並以可交互的形式呈現於線上媒體，讀者點點滑鼠就能改變其外觀。當今，每個數據從業者都需要一款工具協助其處理——從信息到網頁，從原始靜態的數字到動態圖形。

「D3」是「數據驅動文檔」（Data­Driven Documents）的簡稱，不僅可以幫助你將信息轉換成圖形，而且可以協助你基於數據創建和操作完整的網頁和圖表。這是一款夢幻般的工具，正是或至少是這個世界亟需的一款數據可視化工具。

D3由斯坦福大學畢業生Mike Bostock聯合其導師Jeffery Heer及Vadim Ogievetsky首發於 2011年。D3是基於 JavaScript這種互聯網世界絕對通用語言的一個自由擴展庫。D3背後的基本理論是：提供一種方式，將網頁上的元素與數據連接起來，然後基於這些數據去操縱網頁元素。例如，你想將 5個數據點轉換成一幅條形圖，只需在 D3中將這些數據點與 5個矩形圖形元素連接，然後根據對應的數據值設置矩形的寬度即可——真是簡單到極致了。

今天小編為大家推薦的《圖說D3：數據可視化利器從入門到進階》就以一個故事開始，闡釋製作可視化數據圖表的基本方法論，以及如何結合D3高效、快速地創建可視化圖表。

D3.js已一躍成為 JavaScript構建數據可視化的基礎工具。 D3由 Mike Bostock編寫，並在 Mike之前創建的 Protovis可視化庫中成功運用。與以往的 JavaScript可視化庫或 Protovis不一樣，D3被設計成一個面向底層的工具集，既能直接用於構建可視化，也可以用來編寫抽象程度更高的可視化庫，如 Protovis。

得益於該設計思想， D3可以為開發者在結構、樣式及交互行為上提供更多控制機制。當然，控制機制越強，學習曲線也越陡峭。本書旨在幫助你消弭學習障礙，將 D3快速運用於實際工作中。同時，本書作者 Ritchie King也對數據可視化擁有自己獨特的見解。

本書從內容上分為10個章節：

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

第2章：發掘並圖解案例。敘述了如何去搜尋一組有故事性的數據，包括相關數據準備及可視化樣式製作指導，其中的示例「世界人口年齡分佈柱形交互圖」貫穿本書。

第3章：可縮放矢量圖形。介紹了可縮放矢量圖形（SVG）。這是一種創建美觀圖形元素的 Web標準，D3可以很輕易地操縱這些元素。本書部分示例是用 SVG繪製的。

第4章：用 D3選擇集操控網頁。開始接觸 D3並學慣用 D3選擇頁面元素是本章的主題。第3章中的SVG圖表會在本章中用D3重建。

第5章：數據連接：進入。對 D3的核心概念「數據連接」進行了詳細介紹。同時，用「數據連接」重建了第4章的示例。

第6章：縮放圖形並添加軸線。介紹D3用來自動進行圖形縮放和生成坐標軸的方法，並在示例中進行了應用。

第7章：載入並過濾外部數據。從外部獨立數據源創建圖表可能是 D3的主要實際使用場景。本章介紹了如何載入外部數據，以及 D3採用非同步方式載入數據的原因。

第8章：為圖形添加交互和動畫效果。給示例添加交互按鈕（數據集中每一年對應一個按鈕）。當按鈕被點擊時，柱形圖中的每一個柱形會按照實際的數據值進行水平縮放，併產生過渡動效。

第9章：添加播放按鈕。播放按鈕一旦被點擊，就會在數據集中輪播每一年的數據。

第10章：修行靠自身。本書最後以教你如何正確進入D3生態系統結尾。

適讀人群：

本書適合希望用D3創建健壯的數據可視化圖形的初學者和有一定經驗的開發者閱讀。

本書由 數據猿聯合電子工業出版社 共同推薦

【本欄目合作夥伴】：清華大學出版社、電子工業出版社、北京師範大學出版社、人民大學出版社。

更多「每周一本書」，（請註明姓名、公司）交流

相關閱讀：

每周一本書之《大數據時代小數據分析》：小數據分析的入門級寶典