Animated charts in jQuery – Flot Animator
|Flot Animator allows us to create animated charts in jQuery. Simply add fluid animations to any Flot chart.
A plugin for animated charts in jQuery
Flot Animator is a jQuery plugin working with Flot Chart Plugin. With this solution we can add a fluid startup animation to any Flot chart. It will allow us to highlight and draw attention to some charts.
How it works?
It is very easy to animate a Flot chart with Flot Animator, just add a reference to the Flot Animator JavaScript file “jquery.flot.animator.min.js” after your “jquery.flot.min.js” reference, and change your plot function from:
var plot = $.plot($("#myChart"), [{ data : ... }]);
To:
var plot = $.plotAnimator($("#myChart"), [{ data : ... }]);
Read more:
http://www.codicode.com/art/jquery_flot_animator.aspx
Get it from GitHub:
https://github.com/Codicode/flotanimator
See also:
Chart.js – open source HTML5 Charts
Highcharts: Interactive JavaScript charts for your website
Charts in JavaScript and HTML5
Enjoy!