Jump to content


Charts / Data Visualization

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Curious if anyone has any insights into building charts with GSAP. I'm aware there are no GSAP plugins for this and my searches in codepen came up short for "gsap charts". Highcharts is too ugly and a pain to restyle, Ceros requires a license, D3 is the standard but a bit verbose for most animators out there. Also I'm interested if anyone's had experience building a chart in D3 and manipulating and integrating them in GSAP animations/timelines. 

Link to comment
Share on other sites

I've never worked with Highcharts, Ceros or D3, but I know it's possible (if a but cumbersome) to create pie charts with pure CSS (

See the Pen eNLaWj by Garnel (@Garnel) on CodePen

for one example among many) and anything done with CSS can be easily animated with GSAP. Of course you could also just make one with SVG, which would simplify things even further.


If you want the easiest solution though, you'd just make histograms :P

  • Like 3
Link to comment
Share on other sites

Ya certainly possible, here is one demo by  @OSUblake and you will find some more useful posts and demos by him on forum or codepen profile.

See the Pen eeLbGZ by osublake (@osublake) on CodePen


  • Like 4
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.