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.
<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, backgroundGridVlinesCount: 4, marginInner: 8, marginBottom: 35, marginTop: 45, marginLeft: 85, xaxis: false } }).draw(); </script>