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? ;-)
Related Content:
4 rating from 44 votes
Beautiful, really top notch. Now release it under MIT you mook :)
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.
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?
to eyelidlessness ,
Added corner radius parameter in Version 1.1
I never found those candybars pretty… Am I the only one?