Round speedometer with jQuery / CSS in browser
I need to make a circular object like a speedometer (with a moving needle inside indicating the value) in the browser. currently for all other elements on this iam page using jquery. I rather don't use flash as it has to be ipod / iphone.
Any experience other people have done is greatly appreciated.
a source to share
You can use Processing.js which was ported to JS by John Resig, the same guy who invented jQuery. This allows you to draw some kind of primitive on the HTML canvas. It supports all major browsers (from the website):
Processing.js works in FireFox, Safari, Opera, Chrome and will also work with Internet Explorer using Explorer Canvas.
a source to share
Have a look at a speedometer built using Javascript / css and some analog clock in Javascript / css.
You can use the source code as a starting point for what you are trying to accomplish.
a source to share
You are faced with the same requirement as me. I wrote a paid plugin changing flot.pie.js, here is the effect of the code
http://dl.iteye.com/upload/attachment/469925/a6d6c376-d661-3fa5-bc23-ed15b803da10.jpg
and you can get the source from: http://georgezeng.iteye.com/admin/blogs/1014349
Note: you must use this js with float.
a source to share
Here's a speedometer that might work. http://dejapong.com/?p=138 . This requires raphael.js, but it's not a big library (61k).
The plugin allows you to adjust lighting and complexions, as well as a couple of other features.
a source to share