作數據可視化,爲何咱們再也不直接使用D3.js、Echarts

D3是什麼數據庫

全稱是(Data-Driven Documents),一個被數據驅動的文檔函數

簡單點,是一個JavaScript函數庫,使用它主要用來作數據可視化。佈局

D3 是一個開源項目,做者是紐約時報的工程師。學習

學習 D3 須要什麼預備知識大數據

HTML:超文本標記語言,用於設定網頁的內容編碼

CSS:層疊樣式表,用於設定網頁的樣式對象

JavaScript:一種直譯式腳本語言,用於設定網頁的行爲blog

DOM:文檔對象模型,用於修改文檔的內容和結構ip

SVG:可縮放矢量圖形,用於繪製可視化的圖形文檔

D3 的學習曲線

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

若是讓你本身從頭寫一個圖表的話,你大概會感到不安和緊張:


 


 

在我看來,D3.js提供了強大的可視化組件能力,可是對於通常人來說學習曲線也有所拔高,想深刻玩轉D3.js還須要各位同窗有比較深厚的基本功才行。

咱們都知道,向之前畫桑基圖,層級TreeMap,旭日圖,雙向對比圖等等,首先從數據庫中取出數據,再將數據組織成圖形所支持的格式就很是費勁,再加上須要編寫大量的代碼來實現組件的渲染。

不過作數據可視化有了更好的解決辦法,NBI一站式大數據可視化分析平臺(nbi.easydatavis.com:8033)深度集成了D3.js,Echarts,通過對它們的二次封裝,使得在平臺上能夠實現零編碼、拖拽式便可實現數據可視化的能力。

NBI大數據可視化構建平臺:豐富的組件庫,自由靈活的佈局模式,拖拽操做


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

幾分鐘便可完成數據報告的製做,保存後能夠全網查看,方便分享,NBI大數據可視化的出現大大簡化了數據可視化的投入成本。

 
相關文章
相關標籤/搜索