Dynamic Chart Animations

On a current project I'm working to add animations to various charts, with the challenge being that data is controllable by users. The animations used need to be beautiful and consistent, while supporting a variety of data sets.

A detail here is that the delay (or stagger effect) between each bar in the chart responds to the amount of data added; resulting in an animation that has a consistent duration, regardless of how much data is to be animated.

The animation was created in Framer X, making handover to engineers easy since they could directly pick timings and bezier curve values from the code portion of the prototype.

Posted on Feb 13, 2019

More by Sam Enoka

View profile