Thursday, April 9th, 2009

Safari-style Candybars for Everyone

Category: Canvas, JavaScript, Library, UI

Christian Effenberger wrote in with another impressive piece of work:

Gauge.js 1.0 allows you to add programmable gauges (with shading and reflection) to your webpages.
It uses unobtrusive javascript to keep your code clean.

It works in all the major browsers – Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari.
On older browsers, it’ll degrade and your visitors won’t notice a thing.

Add to Firebug? ;-)

Posted by Ben Galbraith at 7:00 am

3.9 rating from 45 votes


Comments feed TrackBack URI

Beautiful, really top notch. Now release it under MIT you mook :)

Comment by nataxia — April 9, 2009

The problem I have with this visualization is that it necessarily shouldn’t be used where any kind of visual precision is important. The endcaps distort the perceived size of values at either end. It’s pretty, but it’s only useful if you only want an approximate visualization in the first place. As much as I like rounded corners all over everything, I really wish the Web Inspector would square the corners, or at least minimize the curves to 3-4px.

Comment by eyelidlessness — April 9, 2009

They look great, but calling them candybars “for everyone” seems a little misleading when all for-profit websites are explicitly disallowed in the license, no?

Comment by SashaA — April 9, 2009

to eyelidlessness ,

Added corner radius parameter in Version 1.1

Comment by ucanmexwise — April 11, 2009

I never found those candybars pretty… Am I the only one?

Comment by frenchStudent — April 21, 2009

Leave a comment

You must be logged in to post a comment.