D3是什麼 

全稱是（Data-Driven Documents）,一個被資料驅動的文件 

簡單點，是一個JavaScript函式庫，使用它主要用來做資料視覺化。 

D3 是一個開源專案，作者是紐約時報的工程師。

學習 D3 需要什麼預備知識

HTML：超文字標記語言，用於設定網頁的內容

CSS：層疊樣式表，用於設定網頁的樣式

JavaScript：一種直譯式指令碼語言，用於設定網頁的行為

DOM：文件物件模型，用於修改文件的內容和結構

SVG：可縮放向量圖形，用於繪製視覺化的圖形

D3 的學習曲線

過去幾年我一直在使用 D3，並用它繪製了各種各樣的圖形曲線。然而一個問題就是，雖然我理解關於 D3 的基本概念，但我還是難以做到輕車熟路，我身邊的同事跟我也是同樣的感受。和大多數人一樣，許多時候，我們都是從網上找到一個示例，然後將它修改為實際工程中所需要的。

如果讓你自己從頭寫一個圖表的話，你大概會感到不安和緊張：

在我看來，D3.js提供了強大的視覺化元件能力，但是對於一般人來講學習曲線也有所拔高，想深入玩轉D3.js還需要各位同學有比較深厚的基本功才行。

我們都知道，向以前畫桑基圖，層級TreeMap，旭日圖，雙向對比圖等等，首先從資料庫中取出資料，再將資料組織成圖形所支援的格式就非常費勁，再加上需要編寫大量的程式碼來實現元件的渲染。

不過做資料視覺化有了更好的解決辦法，NBI一站式大資料視覺化分析平臺（http://nbi.easydatavis.com:8033）深度集成了D3.js,Echarts,經過對它們的二次封裝，使得在平臺上可以實現零編碼、拖拽式即可實現資料視覺化的能力。

NBI大資料視覺化構建平臺：豐富的元件庫，自由靈活的佈局模式，拖拽操作

通過元件的智慧提示，拖拽對應的維度或字標到對應欄目中即可實現視覺化，無需編碼，無需計算，通過右側屬性配置，讓圖形看起來更加美觀。

幾分鐘即可完成資料報告的製作，儲存後可以全網檢視，方便分享，NBI大資料視覺化的出現大大簡化了資料視覺化的投