AI時代在網頁上資料視覺化：D3.js實作寶典

大數據時代資料視覺化神器的最佳選擇
在大數據蓬勃發展的時代，每天都有驚人的資料量產生，分析出有用的資訊固然重要， 然而， 資料分析所得出的結論，要如何「明確、有效」的予以呈現，其重要性並不亞於資料分析，因此，「資料視覺化」應運而生。

資料視覺化可以視為一門「述說」資料的藝術，它透過一系列的圖表對使用者傳遞某種資訊。而在網路時代，傳播最快速的方式非瀏覽器與網頁莫屬，因此，以網頁為基礎的視覺化專案如雨後春筍般地出現。
D3在Github上擁有極大的關注數，曾高居第二位。夾帶著龐大使用者的氣勢，D3在許多國家和地區被稱為資料視覺化的代名詞。

適用：大數據分析相關從業人員；對資料視覺化有興趣者。

本書特色
本書全面介紹此全球最成功的視覺化專案──D3，其特性如下：
√資料與元素綁定的特性。
√計算與繪圖相互獨立的特性。
√鏈式語法。
√強大的圖形運算能力。
√同時支援SVG和Canvas。
全書附帶大量插圖，用以取代乏味難懂的數值與文字，這也確切地符合視覺化的訴求。

本書範例可至佳魁資訊官網下載

作者簡介：

前言

D3（Data-Driven Documents）是一個用於資料視覺化開發的JavaScript函數庫，專案託管於GitHub。GitHub是全世界最流行的程式託管平台，雲集了來自世界各地的優秀工程師。D3自誕生以來，不斷受到好評，其排名在GitHub的專案倉庫排行榜已高居第2位（2017年3月）。以一個視覺化工具而言，能取得這種成就可說是奇蹟。

人數多並不表示一個工具好，但一定表示它擁有更多的教學、範例程式、社區問答和出版物。D3由於其龐大的使用者量，已經幾乎成為資料視覺化的代名詞。

本書希望盡可能讓零基礎初學者也能閱讀，但或許很難。您也許需要至少掌握一種程式語言，例如C/C++、Java、JavaScript，了解網頁撰寫的基礎。

學習本書後，相信讀者能在一邊查詢API的情況下完成資料視覺化的工作。為使閱讀儘量簡單、容易，本書附帶非常豐富的插圖。

用圖而不用文字。這也正好符合視覺化的追求。

✤執行環境

執行本書的範例，需要安裝以下軟體：

Chrome、Firefox、Safari、Opera、Internet Explorer 9及更新版本；

Apache HTTP Server或Ngnix等伺服器軟體（部分範例）。

✤排版約定

為讓讀者把握重點，本書將採用以下排版約定。

（1）正文中重要的詞彙會使用粗體字型以示強調。

（2）重要的程式會以粗體字型表示強調，例如：

d3.selectAll("p").text("cat"); //普通程式

d3.selectAll("p").text("dog"); //重要程式

✤勘誤資訊

一本書要想增強，需要許多讀者回饋錯誤。筆者雖想盡最大努力確保沒有錯誤，但卻是困難的。如果發現書中的任何錯誤，小到錯別字，大到程式無法執行等，希望能及時回饋。您的任何一次勘誤，都會令筆者和其他讀者受益。

與本書相關的最新動態請造訪以下網站：

http://www.decembercafe.org/

勘誤資訊請發送郵件至：

phantomtyry@126.com

✤致謝

感謝我的妻子，當我感到疲勞時，有她在身邊總能感到安心。

感謝我的兒子，他是我最重要的精神支柱。

感謝本書的編輯付睿女士，她協助我完成本書的構思，並提出了很多建設性的意見。