Bar chart race animation

[Tomas Bumbulevičius]

Hey Rafael, its 99% made not with AE, but javascript libraries like d3.

It is possible to make it in AE as well, but there are significant amount of cases to consider, looking through layers-stack perspective.

Find out more:
After Effects Tutorials: motion design, expressions, scripting.
Boxer – Dynamic Text Boxes Template with a Live Preview

[Rafael Braz]

thanks, man. that’s what I expected. Already started working out 🙂

[Tomas Bumbulevičius]

Hey Rafael, did you reached some sort of solution on your end?

As I been exploring data visualizations myself for a while and managed to build race bar chart as well. For a reference:
https://youtu.be/j0TBt__6tFc

Area Chart 00:10 – 01:00
Bar Chart 01:00 – 01:55
Line / Rect Chart 01:55

Find out more:
Motion Graphics Design & After Effects Tutorials
On YT
On VH

Some contents or functionalities here are not available due to your cookie preferences!

This happens because the functionality/content marked as “Google Youtube” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

[Paul Connors]

Hi Tomas. This is fantastic. Do you have any sort of breakdown on how you made the Bar Race Chart (from 01:00 – 01:55)? It came out great. Was it all done in After Effects? Thanks.

[Tomas Bumbulevičius]

Hey Paul, thanks for positive response!

At this point, I don’t have it broken down into actionable list of tasks, but in general – there are significant amount of variables to consider.

From data structure, to templated output design and multiple case scenarios approaching. The whole idea of this build was to make it fully automated, which at this point is already reached.

Everything from A to Z is achieved in AE. After data is ready, script execution builds render-ready .aeps. I have an idea to build tutorial series into this, in order to share how it can be achieved – and potentially, find shortcuts in the process – as its always possible to refactor and improve!

Find out more:
Motion Graphics Design & After Effects Tutorials
On YT
On VH