속도계 관련 javascript UI

구글 chart api인데 이것도 속도계로 쓸 수 있겠다. 

http://code.google.com/intl/ko-KR/apis/chart/docs/gallery/googleometer_chart.html

Examples

Description	Example
This demonstrates using the chxl to specify custom labels both below and above the dial.	chxt=x,y chxl=0:|Groovy|1:|slow|faster|crazy
You can specify multiple arrows with multiple data points.	chd=t:20,40,60 chdl=1|2|3
To apply a style to arrows, use the chls parameter. Each chls description applies to all arrows in the corresponding data series. chls has an advanced syntax for Google-o-meters. Each set of values inside a set of pipes describes the corresponding data series. You can optionally add a set of pipe-delimited values that describe the arrowhead size in points, from 0—15, the default being 15. Let's examine the chls value in this chart: chls=3|3,5,5|15|10 3 - A single value specifies the line thickness. This applies to all arrows in the first series. 3,5,5 - The second series has a thickness, dash length, and space length described. 15 - Arrowhead size for arrows in the first series. 10 - Arrowhead size for arrow in the second series.	chd=t:20,40|60 chls=3|3,5,5|15|10

 

http://jacob-king.com/demo/speedometer

Speedometer 1.0.3

 

http://www.digitaldarknet.net/flash/index.php?selector=resource_meter

Using SetVariable() Open Gauges use an internal setInterval()

Enter value (1 to 100):

Value: 0

http://techoctave.com/c7/posts/17-jquery-dashboard-gauges-using-raphael-xhtml-and-css