Charts / Data Visualization

[EricBintner 0 Likes (Newbie)]

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. 

[Acccent 363 Likes (Leader)]

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

[Sahil 2,655 Likes (Superhero)]

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