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 which 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: