# An SVG 100% Bar chart

An example of a 100% stacked Bar chart. The data is manipulated from the original values in order to turn it into percentages - but as you can see from the code example shown below - this is a trivial thing to do. The chart is animated using the `grow()` effect.

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: 750px; height: 300px" id="chart-container"></div>

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