Little gauge chart which can be rendered both horizontally and vertically, it can be used to indicate things like CPU usage and memory usage. It is light weight and SVG.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var led = Raphael('gauge', 100, 300).ledGauge({
    div: document.getElementById('gauge'),
    min: 0,
    max: 100,
    title: 'CPU Usage',
    unit: '%',
    direction: 0,
    margin: {
        left: '30px',
        right: '30px',
        top: '40px',
        bottom: '40px'
    },
    thresholds: {
        values: [50, 80, 100],
        colors: ['#00ff00', '#f0f000', '#ff0000']
    }
});
led.setTo(99);

Download this gauge chart at Github

gauge chart