# An SVG Bar chart showing income and expenditure

There's also a canvas version of this chart. Here we have an effective visualisation that shows the income and expenditure figures for a company. It's actually made up of two Bar charts - one for the top figures and one for the bottom that are being drawn on the same SVG tag.

This goes in the documents header:

    <script src="RGraph.svg.common.core.js" ></script>
    <script src="RGraph.svg.bar.js"></script>

Put this where you want the chart to show up:

    <div style="width: 650px; height: 250px" id="cc"></div>

This is the code that generates the chart - it should be placed AFTER the `<div>` tag: