《D3.js資料可視化實戰手冊》—— 1.1 簡介

本節書摘來異步社群《d3.js資料可視化實戰手冊》一書中的第1章，第1.1節，作者： 【加拿大】nick qi zhu，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

d3.js資料可視化實戰手冊

本章旨在幫助讀者初步認識并且運作d3.js。其中包含一些基本知識，比如什麼是d3.js，如何搭建一個典型的d3.js資料可視化（data visualization）環境。還有一個專門的章節，解釋了一些javascript中鮮為人知而d3.js又甚為倚重的特性。

什麼是d3？d3是指資料驅動文檔（data-driven documents），根據d3的官方定義：

d3.js是一個javascript庫，它可以通過資料來操作文檔。d3可以通過使用html、svg和css把資料鮮活形象地展現出來。d3嚴格遵循web标準，因而可以讓你的程式輕松相容現代主流浏覽器并避免對特定架構的依賴。同時，它提供了強大的可視化元件，可以讓使用者以資料驅動的方式去操作dom。

d3維基（2013年8月）

總的來說，d3是這樣一個特殊的javascript庫，它利用現有的web标準，通過更簡單的（資料驅動）方式來制作炫目的可視化效果。d3.js由mike bostock制作。之前他制作過一個叫protovis的資料可視化javascript庫，如今它已經被d3.js取代。如果想了解更多諸如d3.js制作過程、影響protovis和d3.js的相關理論這類的資訊，可以看看下面的連結。而本書将着眼于如何使用d3.js來增強可視化。d3使用javascript實作資料可視化的方式比較特别，是以剛開始時可能會讓人覺得有些難懂。我希望通過本書中的大量執行個體，其中有基礎的，也有進階的話題，能夠幫助大家更好更高效地使用d3。一旦了解了原理，使用d3就可以讓資料可視化的效率和豐富程度産生指數化的增長。

圖像說明文字更多有關制作d3的創意，可以參考mike bostock于2010年在ieee infovis發表的論文declarative language design for interactive visualization。

圖像說明文字如果對于d3是如何制作的感興趣，建議看看mike bostock于2011年在ieee infovis發表的論文d3: data-driven documen。

圖像說明文字protovis，d3.js的前輩，是mike bostock和斯坦福可視化組的jeff heer制做的。

本文僅用于學習和交流目的，不代表異步社群觀點。非商業轉載請注明作譯者、出處，并保留本文的原始連結。