CSS3 animations

New CSS3 animations can be used to great effect with your canvas tags. Updated: This demo was updated in June 2013 so that now instead of just one switch between charts it repeatedly switches back and forth between the charts.

Another update: It now adds the CSS animation to the DIV wrapper that RGraph adds so that the DOM text is moved as well as the canvas.

[No canvas support]

This goes in the documents header:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="RGraph.common.core.js"></script>
<script src="RGraph.bar.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250">
    [No canvas support]
This is the code that generates the chart: