D3簡介

D3 的全稱是(Data-Driven Documents),顧名思義可以知道是一個被數據驅動的文檔。聽名字有點抽象,說簡單一點,其實就是一個 JavaScript 的函數庫,使用它主要是用來做數據可視化的。

這裏寫圖片描述


D3的優勢

1) 數據能夠與DOM綁定在一起
   D3能夠將數據與DOM綁定在一起,使得數據與圖形成爲一個整體,即圖形中有數據,
數據中有圖形,那麼生成圖形或更改圖形時,就可以方便的根據數據進行操作。並且當數據更改之後,圖形的更新也會很方便。


2)數據轉換和繪製是獨立的
   將兩者分開,極大提高了自由度,以至於開發者甚至可以使用其他的圖形庫來顯示D3計算的數據。


3) 代碼簡潔
   JQuery是網頁開發中最常用的庫,其鏈式語法被很多人喜愛。D3也採用這一語法,能夠一個函數嵌套一個函數,使得代碼簡潔。


4) 大量佈局
餅狀圖,樹形圖,打包圖,矩陣樹圖等,D3將大量複雜算法封裝成爲一個一個“佈局”,能夠適用於各種圖表操作。


5) 基於SVG,縮放不會損失精度
SVG,是可縮放的矢量圖形。D3大部分是在SVG上繪製的,並且提供了大量的圖形生
成器,使得在SVG上繪製圖形變得簡單。另外,由於SVG是矢量圖,所以放大縮小不會有精度損失。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章