iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 29
0
Modern Web

前端初心者的30%經驗值系列 第 29

29% D3.js

D3.js(Data-Driven Documents)資料驅動文件。是一個用動態圖形顯示資料的JavaScript函式庫。一個資料視覺化的工具,相容W3C標準。

D3官網
官網裡面的蜂巢狀的一格一格的都可以用D3做到,也可以點進去看看效果。


D3的著重地方是藉由簡單的方式處理資料,將資料送給HTML或SVG後產生漂亮的圖形,而D3.js 的資料不只適用SVG的圖形產生,只要是HTML的DOM也都可以藉由這個方式作成若要將大量的資料存放在DOM裡,過去會用迴圈的方式來批次處理資料,而D3.js則是利用原生的函式,更有效率地處理大量的資料。



上圖的例子是各國嬰兒死亡率的資料左方轉化成右方的樣子可以容易看出資料間的差異。


網頁視覺化利器 - D3.js 簡介


上一篇
28% 資料視覺化
下一篇
30% 用心得結束鐵人回合
系列文
前端初心者的30%經驗值30

1 則留言

0
微中子
iT邦新手 4 級 ‧ 2018-01-18 03:56:14

Ant 開發的 G2, G6 也不錯

sunny iT邦新手 5 級 ‧ 2018-01-18 10:26:12 檢舉

我查了下簡介 Ant的 G2, G6 是很新的東西噎/images/emoticon/emoticon07.gif
感謝你跟我說~

我要留言

立即登入留言