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!