1、Humble Finance

Humble Finance是一個(gè)與Flash工具相似的HMTL5數(shù)據(jù)可視化工具。該工具完全由JavaScript開(kāi)發(fā)，使用Prototype與Flotr庫(kù)

2、D3

D3是最流行的可視化庫(kù)之一，它被很多其他的表格插件所使用。它允許綁定任意數(shù)據(jù)到DOM，然后將數(shù)據(jù)驅(qū)動(dòng)轉(zhuǎn)換應(yīng)用到Document中。你可以使用它用一個(gè)數(shù)組創(chuàng)建基本的HMTL表格，或是利用它的流體過(guò)度和交互，用相似的數(shù)據(jù)創(chuàng)建驚人的SVG條形圖。

3、Rickshaw

Rickshaw 是一個(gè)用于繪制時(shí)序圖的簡(jiǎn)單 jS 庫(kù)，基于 Mike Bostock’s delightful D3 庫(kù)構(gòu)建

4、jqPlot

jqPlot是一個(gè)jQuery繪圖插件，可以利用它制作漂亮的線狀圖和柱狀圖。jqPlot支持為圖表設(shè)置各種不同的樣式。提供Tooltips，數(shù)據(jù)點(diǎn)高亮顯示等功能。

5、RGraph

RGraph是基于HTML5 canvas標(biāo)簽的HTML5 canvas圖形庫(kù)。

6、dygraphs

dygraphs 是一個(gè)開(kāi)源的Javascript庫(kù)，它可以產(chǎn)生一個(gè)可交互式的，可縮放的的曲線表。其可以用來(lái)顯示大密度的數(shù)據(jù)集（比如股票，氣溫，等等），并且可以讓 用戶來(lái)瀏覽和解釋這個(gè)曲線圖。在它的主頁(yè)，你可以看到一些示例和用法。

7、CanvasXpress

CanvasXpress是一個(gè)基于HTML5 canvas標(biāo)簽實(shí)現(xiàn)的JavaScript圖表類(lèi)庫(kù)，它能夠支持線性圖、柱形圖、餅圖和熱點(diǎn)圖等多種常見(jiàn)的圖表類(lèi)型。它所生成的圖表交互性很強(qiáng)，鼠標(biāo)放 上去時(shí)會(huì)動(dòng)態(tài)顯示值。除此之外，它也具有相當(dāng)高的可定制性，可設(shè)置圖表的文字、顏色和要顯示/隱藏的元素等。

8、gRaphael

gRaphael 能夠?yàn)槟愕木W(wǎng)站創(chuàng)建漂亮的表格，它基于Raphael圖形庫(kù),它的演示Demo中有各種靜態(tài)與交互的表格展示。它支持Firefox 3.0+, Safari 3.0+, Opera 9.5+ and IE 6.0+.

9、Flotr2

Flotr2 是一個(gè)用于繪制 HTML5 圖形和圖表的開(kāi)源 JS 庫(kù)，是 flotr 的分支，但移除了 Prototype 的依賴(lài)以及其他方面很多改進(jìn)。

10、Awesome Chart JS

Awesome Chart JS 是一個(gè)Javascript生成圖表的類(lèi)庫(kù)，它利用了 HTML5 的 canvas 標(biāo)簽來(lái)創(chuàng)建統(tǒng)計(jì)圖表。此類(lèi)庫(kù)就是為了減輕開(kāi)發(fā)者的工作量，使用它只需書(shū)寫(xiě)幾行代碼便能生成漂亮的圖表。

via smashinghub