note: Javascript 繪圖、統計圖表相關

2009112321:49

jsDraw2D : 2D Graphics Library for JavaScript
http://jsdraw2d.jsfiction.com/
純 Javascript 的繪圖函數 (不須 SVG or VML， ps: IE到8.x都不支援SVG)
比較特別的是提供有 Bezier Curve 的繪製功能

線上的 Demo：

Draw "Bezier Curve" and "Curve through points"

Draw Line, Polyline and Polygon

Draw Circle, Ellipse, Arc and Rectangle

jQuery Google Charting
http://keith-wood.name/gChart.html

特色
* Complete coverage of the Google Chart API.
* Show your data on line, bar, pie, radar, or scatter charts.
* Display maps with country or US state data.
* Show a Google meter or a Venn diagram.
* Generate QR codes.

統計圖：

圓餅圖：

Google meter:

地圖：

QR Code

Scatter diagram:

Venn diagram

jQuery SVG Demo
http://keith-wood.name/svg.html
點、線、面繪圖
SVG (Scalable Vector Graphics) is a modularized language for describing two-dimensional vector and mixed vector/raster graphics in XML. It is a W3C Recommendation currently at version 1.1.

SVG is implemented in Firefox natively from version 1.5, Opera natively from version 8.5, Safari natively from version 3.0
** IE 到8.x都不支援SVG，必須安裝 Adobe SVG viewer or the Renesis Player

flot (jQuery) 這個不錯！！
http://code.google.com/p/flot/

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.

The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking.

The plugin works with Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+ with the HTML canvas tag (Internet Explorer where the excanvas Javascript emulation helper is used).