This is a Horizontal Bar chart that shows the difference in Chrome browser speeds between versions. The grow effect is being used along with there being no X axis.
This goes in the documents header:<script src="RGraph.svg.common.core.js"></script> <script src="RGraph.svg.hbar.js"></script>Put this where you want the chart to show up:
<div style="width: 450px; height: 180px" id="chart-container"></div>This is the code that generates the chart:
<script>
new RGraph.SVG.HBar({
id: 'chart-container',
data: [215, 175],
options: {
yaxisLabels: ['Chrome 18', 'Chrome 19'],
colors: ['#3266cc'],
title: 'SunSpider score',
titleSubtitle: 'milliseconds (less is better)',
backgroundGridHlines: false,
backgroundGridBorder: false,
backgroundGridAutofitNumvlines: 4,
vmargin: 8,
gutterBottom: 35,
gutterTop: 45,
gutterLeft: 85,
xaxis: false
}
}).draw();
</script>