A Meter chart customised to look a bit like the Google charts Meter

[No canvas support]

This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.dynamic.js"></script>
<script src="RGraph.meter.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250" style="border-radius: 15px">
    [No canvas support]
</canvas>
This is the code that generates the chart:
<script>
    new RGraph.Meter({
        id: 'cvs',
        min: 0,
        max: 100,
        value: 75,
        options: {
            centerpinStroke: 'rgba(0,0,0,0)',
            centerpinFill: 'rgba(0,0,0,0)',
            colorsRanges: [
                [0,10,'#f20'],
                [10,20,'#f30'],
                [20,30,'#f50'],
                [30,40,'#f60'],
                [40,50,'#f80'],
                [50,60,'#fa0'],
                [60,70,'#fc0'],
                [70,80,'#fd0'],
                [80,90,'#ff0'],
                [90,100,'#ff0'],
            ],
            labelsCount: 0,
            anglesStart: RGraph.PI + 0.5,
            anglesEnd: RGraph.TWOPI - 0.5,
            linewidthSegments: 0,
            textSize: 16,
            colorsStroke: 'white',
            segmentsRadiusStart: 150,
            needleRadius: 210,
            border: 0,
            tickmarksSmallCount: 0,
            tickmarksLargeCount: 0,
            adjustable: true
        }
    }).draw();
</script>