歡迎您光臨本站 註冊首頁

推薦13款JavaScript圖形和圖表繪製工具

←手機掃碼閱讀     火星人 @ 2014-03-12 , reply:0
  

導讀:本文作者Kevin Liew是一名Web設計師和開發者,熱衷於Web開發、前端開發以及jQuery。

如今,在互聯網上發布在線免費的Javascript圖形和圖表繪製工具越來越多。作者此前在一家網站從事複雜的圖形學方面的工作,使用highchart,在那期間,沒有大量的插件工具可供選擇,不像現在,我們可以輕易地找到非常有用的圖表庫。作者認為,此種插件的興起源於:

  1. Flash 是最佳的解決方案,大部分人從這方面遷移的;
  2. 現在的瀏覽器和強大的計算機使其在實時數據方面的能力更加的容易;
  3. 繪製矢量圖的工具(技術取向)不同:VML、SVG、Canvas。

當然,你也可以根據自身需求進行選擇,正如之前提到的,使用各種技術導致一些插件只能在現代的瀏覽器的下支持canvas,其他一些技術結合在一起可運行在不同的平台上或舊版本的瀏覽器上。

在這篇文章中,我們搜集了13個JavaScript插件可用於繪製圖形和圖表。還有一部分是獨立的框架支持bars, lines, pies甚至還有一些更加複雜的圖形,比如,plots, Venn diagrams, heatmaps, newick trees, 2D-scatter plots, 2D-scatter bubble plots, 3D-scatter plots。

1. Flotr2

Flotr2是一個獨立框架,支持HTML5繪製圖表和圖形。它是flotr 的分支,可移除 Prototype的依賴,包含許多改進,支持lines, bars, candles, pies and bubbles charts。支持舊版本的瀏覽器如IE6和移動平台。

2. Rickshaw

Rickshaw是一種用於創建互動式時間列圖的JavaScript工具箱。它依賴於D3可視化庫、Query擴展和jQuery UI。

3. D3

一款出色且高效的可視化庫,可用於圖表的插件。使用D3你可以捆綁任意一個數據到DOM(Document Object Model),然後採用數據驅動轉化成文件。 作為一個示例,你可以用D3從數組中生成一個基本的 HTML表格。或者你也可以利用相同的數據來創建一個互動的SVG柱狀圖。

4. AwesomeChartJS

AwesomeChartJS作為一個簡單的Javascript庫,它可以被用來創建基於HTML 5 canvas元素的圖表。目的是讓用戶只需用幾行代碼就可創建一個簡單的圖表。

5. CanvasXpress

CanvasXpress是一個Javascript庫利用tag在HTML5中執行任務,該庫開發的目的是為 BMS系統生物學平台創建可視化的核心組件。它適用於高度複雜的圖表和圖形。

6. HumbleFinance

HumbleFinance是HTML5數據可視化編譯工具。作為互動式圖形的範本,與Flash工具類似,工具本身是用JavaScript編譯的,使用Prototype和Flotr 庫,它可以用於顯示實際數值共享一個軸的任意兩個2D數據集。

7. Graph

Graph是HTML5 Javascript圖表庫支持超過20種不同類型的圖表。使用HTML5 canvas標籤,RGrap可以在Web瀏覽器中創建Javascript圖表。也是就說頁面響應時間更快,Web伺服器載入時間更少。

8. dygraphs

dygraphs是一個開源的 JavaScript庫,可生成時間系列的互動式zoomable圖表。它的設計是被用來顯示密集型的數據集,能夠讓用戶探索和解釋這些數據。這是一款輕量級的解決方案,運行在IE中。

9. Highchart

Highchart是用純JS編寫的圖表庫,給你的網站或者Web應用呈現最直觀、互動式的圖表。 Highcharts 目前支持 line, spline, area, areaspline, column, bar, pie and scatter等圖表類型。這個著名的圖表解決方案曾被許多知名的企業使用,比如 IBM, NASA, Siemens, HP等。

10. gRaphael

gRaphael的目標是為您的網站創建絕妙的圖表,基於Raphaël 圖形庫。通過示例能看到靜態和動態的圖表場景。gRaphaël目前支持Firefox 3.0+,Safari 3.0+, Opera 9.5+、IE 6.0+以上版本。

11. jqPlot

jqPlot是jQuery Javascript 框架的繪圖和圖表插件。 jqPlot能繪製出美妙的line,bar和pie圖形,具有許多獨特的性能。

12. JS Charts

JS Charts是JavaScript只需很少或者無需代碼即可實現的圖形生成器。利用JS來繪製圖表既簡單又容易,因為你只需要客戶端腳本即可實現(通過Web瀏覽器實現)。無需額外的插件或者伺服器模塊。只需要準備腳本、XML圖表數據,JSON或JavaScript Array和繪圖工具即可。

13. JSXGraph

JSXGraph是一款跨瀏覽器的互動式幾何圖、函數繪圖、圖表的數據可視化工具。它完全在JavaScript實現,不依賴於任何庫,並且使用SVG,VML和canvas。JSXGraph容易嵌入網頁中,體積小,小於100K位元組。無插件,採取特別措施優化性能。

原文出自:queness.com



[火星人 ] 推薦13款JavaScript圖形和圖表繪製工具已經有775次圍觀

http://coctec.com/docs/program/show-post-71387.html