Chartist.js animation with GSAP

[jack challenger]

Hi,

 

I have just recently become a GSAP club member and have started using it for some basic animation.

I have a small web project now where I am using the Chartist.js library for creating some simple charts.

 

Chartist.js offers some animation, but unfortunately none of it works in IE. 

 

The example/pen is of a line chart, but I also have some bar charts. 

 

I was wondering if GSAP could be used to animate these charts so that animation will also be available in IE.

 

Please feel free to ask for more information if anything is unclear!

 

Thanks a lot!

See the Pen QOBQdv by anon (@anon) on CodePen.

[Sahil]

I am not familiar with chartist.js but you can animate it in my opinion though it depends on all the class names etc that it generates. Others will be able to give you more helpful advice.

 

See the Pen zPLRme by Sahil89 (@Sahil89) on CodePen.

 

[OSUblake]

You could just create your own charts. It looks like they are using Catmull-Rom / Cardinal Spline to create the curves.

 

See the Pen eeLbGZ?editors=0010 by osublake (@osublake) on CodePen.