D3是什麼數據庫
全稱是(Data-Driven Documents),一個被數據驅動的文檔函數
簡單點,是一個JavaScript函數庫,使用它主要用來作數據可視化。佈局
D3 是一個開源項目,做者是紐約時報的工程師。學習
學習 D3 須要什麼預備知識大數據
HTML:超文本標記語言,用於設定網頁的內容編碼
CSS:層疊樣式表,用於設定網頁的樣式對象
JavaScript:一種直譯式腳本語言,用於設定網頁的行爲blog
DOM:文檔對象模型,用於修改文檔的內容和結構ip
SVG:可縮放矢量圖形,用於繪製可視化的圖形文檔
D3 的學習曲線
過去幾年我一直在使用 D3,並用它繪製了各類各樣的圖形曲線。然而一個問題就是,雖然我理解關於 D3 的基本概念,但我仍是難以作到輕車熟路,我身邊的同事跟我也是一樣的感覺。和大多數人同樣,許多時候,咱們都是從網上找到一個示例,而後將它修改成實際工程中所須要的。
若是讓你本身從頭寫一個圖表的話,你大概會感到不安和緊張:
![](http://static.javashuo.com/static/loading.gif)
![](http://static.javashuo.com/static/loading.gif)
在我看來,D3.js提供了強大的可視化組件能力,可是對於通常人來說學習曲線也有所拔高,想深刻玩轉D3.js還須要各位同窗有比較深厚的基本功才行。
咱們都知道,向之前畫桑基圖,層級TreeMap,旭日圖,雙向對比圖等等,首先從數據庫中取出數據,再將數據組織成圖形所支持的格式就很是費勁,再加上須要編寫大量的代碼來實現組件的渲染。
不過作數據可視化有了更好的解決辦法,NBI一站式大數據可視化分析平臺(nbi.easydatavis.com:8033)深度集成了D3.js,Echarts,通過對它們的二次封裝,使得在平臺上能夠實現零編碼、拖拽式便可實現數據可視化的能力。
NBI大數據可視化構建平臺:豐富的組件庫,自由靈活的佈局模式,拖拽操做
![](http://static.javashuo.com/static/loading.gif)
經過組件的智能提示,拖拽對應的維度或字標到對應欄目中便可實現可視化,無需編碼,無需計算,經過右側屬性配置,讓圖形看起來更加美觀。
![](http://static.javashuo.com/static/loading.gif)
幾分鐘便可完成數據報告的製做,保存後能夠全網查看,方便分享,NBI大數據可視化的出現大大簡化了數據可視化的投入成本。