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>