Dial gauge

Dial gauge is a lovely widget powered by Raphael, it can be used as a value indicator on web page. Thanks to SVG and Raphael, Dial gauge looks gorgeous on high resolution devices such as MacBook Pro with Retina display and iphone4+. Deploying dial gauge only takes few lines of code.

var dial = Raphael('gauge', 370, 370).dialGauge({
    div: document.getElementById('gauge'),
    unit: 'ms',
    min: 0,
    max: 500,
    skin: 'CRISP_WHITE',
    thresholds: {
        values: [250, 400, 500],
        colors: ['#2ffff2f', '#ffff63', '#ff3939']
    },
    alert: 400
});
dial.instance.pointAt(300);
dial.instance.changeSkin("CLEAN_BLACK");