0712-2888027 189-8648-0214
微信公眾號

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號

當(dāng)前位置:主頁 > 技術(shù)支持 > Javascript/JQuery > D3.js數(shù)據(jù)可視化 JavaScript 的函數(shù)庫

D3.js數(shù)據(jù)可視化 JavaScript 的函數(shù)庫

時間:2024-09-20來源:風(fēng)信官網(wǎng) 點擊: 792次
D3 的全稱是(Data-Driven Documents),顧名思義可以知道是一個被數(shù)據(jù)驅(qū)動的文檔。聽名字有點抽象,說簡單一點,其實就是一個 JavaScript 的函數(shù)庫,使用它主要是用來做數(shù)據(jù)可視化的。
 
為什么要數(shù)據(jù)可視化
 
現(xiàn)在有一組數(shù)據(jù), 【 4 , 32 , 15 , 16 , 42 , 25 】 ,你能一眼看出它們的大小關(guān)系嗎?當(dāng)然這里的數(shù)據(jù)不算多,有那眼疾手快的家伙站出來說我能一眼看出來!但更直觀的是用圖形顯示,如下圖:

D3.js數(shù)據(jù)可視化 JavaScript 的函數(shù)庫
通過圖形的顯示,能很清楚地知道他們的大小關(guān)系。當(dāng)然,D3能力遠(yuǎn)不止如此,這只是一個很小的應(yīng)用。把枯燥乏味復(fù)雜的數(shù)據(jù),用簡單明了的圖形表示出來,這就是數(shù)據(jù)可視化。
 
項目地址為:https://github.com/d3/d3/wiki/Gallery
 
效果演示地址:https://bl.ocks.org/mbostock
 
效果截圖演示:

1-1Q023120401.jpg

1-1Q023120402.jpg
欄目列表
推薦內(nèi)容
熱點內(nèi)容
展開