近年來，可視化越來越流行东揣，許多報刊雜志践惑、門戶網(wǎng)站、新聞嘶卧、媒體都大量使用可視化技術(shù)尔觉，使得復(fù)雜的數(shù)據(jù)和文字變得十分容易理解，有一句諺語“一張圖片價值于一千個字”芥吟，的確是名副其實侦铜。各種數(shù)據(jù)可視化工具也如井噴式地發(fā)展专甩，D3 正是其中的佼佼者。
D3 是什么
D3 的全稱是（Data-Driven Documents）钉稍，顧名思義可以知道是一個被數(shù)據(jù)驅(qū)動的文檔涤躲。聽名字有點抽象，說簡單一點贡未，其實就是一個 JavaScript 的函數(shù)庫种樱，使用它主要是用來做數(shù)據(jù)可視化的。如果你不知道什么是 JavaScript 俊卤，請先學習一點 JavaScript 的基礎(chǔ)知識嫩挤。
JavaScript 文件的后綴名通常為 .js，故 D3 也常使用 D3.js 稱呼消恍。D3 提供了各種簡單易用的函數(shù)岂昭，大大簡化了 JavaScript 操作數(shù)據(jù)的難度。由于它本質(zhì)上是 JavaScript 哺哼，所以用 JavaScript 也是可以實現(xiàn)所有功能的佩抹，但它能大大減小你的工作量，尤其是在數(shù)據(jù)可視化方面取董，D3 已經(jīng)將生成可視化的復(fù)雜步驟精簡到了幾個簡單的函數(shù)棍苹，你只需要輸入幾個簡單的數(shù)據(jù)，就能夠轉(zhuǎn)換為各種絢麗的圖形茵汰。有過 JavaScript 基礎(chǔ)的朋友一定很容易理解它枢里。
為什么要數(shù)據(jù)可視化
現(xiàn)在有一組數(shù)據(jù)， 【 4 蹂午， 32 栏豺， 15 ， 16 豆胸， 42 奥洼， 25 】 ，你能一眼看出它們的大小關(guān)系嗎晚胡？當然這里的數(shù)據(jù)不算多灵奖，有那眼疾手快的家伙站出來說我能一眼看出來！但更直觀的是用圖形顯示估盘，如下圖：
通過圖形的顯示瓷患，能很清楚地知道他們的大小關(guān)系。當然遣妥，D3 能力遠不止如此擅编，這只是一個很小的應(yīng)用。把枯燥乏味復(fù)雜的數(shù)據(jù)，用簡單明了的圖形表示出來爱态，這就是數(shù)據(jù)可視化谭贪。
D3 有多受歡迎
D3 是一個開源項目，作者是紐約時報的工程師肢藐。D3 項目的代碼托管于 GitHub（一個開發(fā)管理平臺故河，目前已經(jīng)是全世界最流行的代碼托管平臺，云集了來自世界各地的優(yōu)秀工程師）吆豹。
在 GitHub 上最受關(guān)注的項目有哪些呢鱼的？
JQuery 的名聲夠大了，但排名第 6痘煤，D3 卻排名第 5凑阶。
如何學習和使用 D3
以下是幾個學習 D3 的站點：
官方網(wǎng)站
包含有很多示例和 API，要想得心應(yīng)手的使用 D3衷快，熟悉 API 是避不開的宙橱。
Mike Bostock 的博客和作品展示板
OUR D3.JS 數(shù)據(jù)可視化專題站
有專門筆者開設(shè)的站點，包含有 D3 的一系列教程蘸拔。
D3 是一個 JavaScript 函數(shù)庫师郑，并不需要通常所說的“安裝”。它只有一個文件调窍，在 HTML 中引用即可宝冕。有兩種方法：
（1）下載 D3.js 的文件
解壓后，在 HTML 文件中包含相關(guān)的 js 文件即可邓萨。
（2）直接包含網(wǎng)絡(luò)的鏈接
這種方法比較簡單地梨，但要保持網(wǎng)絡(luò)連接有效。
學習 D3 需要什么預(yù)備知識
想要通過 D3 來開啟數(shù)據(jù)可視化之旅的朋友缔恳，需要什么預(yù)備知識呢宝剖？
HTML：超文本標記語言，用于設(shè)定網(wǎng)頁的內(nèi)容
CSS：層疊樣式表歉甚，用于設(shè)定網(wǎng)頁的樣式
JavaScript：一種直譯式腳本語言万细，用于設(shè)定網(wǎng)頁的行為
DOM：文檔對象模型，用于修改文檔的內(nèi)容和結(jié)構(gòu)
SVG：可縮放矢量圖形纸泄，用于繪制可視化的圖形
路人甲：額赖钞，我需要學那么多才能開始學 D3 嗎？心理壓力有點點...大
饅頭華華：不必刃滓，完全可以直接學 D3，遇到不明白的地方耸弄，再看相關(guān)內(nèi)容即可
路人乙：HTML咧虎、CSS 啥的，我從來都沒用過计呈，也沒有關(guān)系嗎砰诵？
饅頭華華：只要在 W3School 征唬，分別看看這幾個詞是什么意思，是用來干什么的茁彭，再看幾個簡單例子即可总寒，沒有必要全掌握了再學習 D3。
需要什么工具
制作網(wǎng)頁常用的工具即可理肺。
記事本軟件：Notepad++摄闸、Editplus、Sublime Text 等妹萨，選擇自己喜歡的即可年枕。
瀏覽器：IE9 以上、Firefox乎完、Chrome 等熏兄，推薦用 Chrome
服務(wù)器軟件：Apache、Tomcat 等
其中树姨，服務(wù)器軟件可能不是必須的摩桶，不過 D3 中有些函數(shù)需要將 HTML 文件放置于服務(wù)器目錄下，才能正常使用帽揪，關(guān)于這點以后會再做說明硝清。
好了，可以開始你的 D3 之旅了台丛。祝你好運耍缴。
