The Bar chart from the front page

This is the Bar chart from the front page of the website (as of 10th September 2012).

[No canvas support]

This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.effects.js"></script>
<script src="RGraph.common.tooltips.js"></script>
<script src="RGraph.common.dynamic.js"></script>
<script src="RGraph.bar.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250">
    [No canvas support]
</canvas>
This is the code that generates the chart:
<script>
    new RGraph.Bar({
        id: 'cvs',
        data: [[45,60],[65,30],[40,80],[62,48]],
        options: {
            xaxisLabels: ['Luis', 'Kevin', 'John', 'Gregory'],
            tooltips: ['Luis','Luis','Kevin','Kevin','John','John','Gregory','Gregory'],
            textAccessible: true,
            yaxisScaleMax: 100,
            colorsStroke: 'white',
            linewidth: 2,
            shadow: true,
            shadowOffsetx: 0,
            shadowOffsety: 0,
            shadowBlur: 10,
            hmarginGrouped: 2,
            yaxisScaleUnitsPre: '$',
            title: 'An example Bar chart',
            titleSize: 14,
            marginBottom: 25,
            marginLeft: 40,
            marginRight: 15,
            marginTop: 27,
            colors: ['Gradient(white:rgba(255, 176, 176, 0.5))','Gradient(white:rgba(153, 208, 249,0.5))'],
            backgroundGridHlinesCount: 5,
            backgroundGridVlinesCount: 4
        }
    }).fadeIn({'duration': 250});
</script>