# An SVG HBar chart that shows Chrome speeds

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
            }
        }).draw();
    </script>

« Back