I have always found time-lapse animations of country GDP or population growth to be very interesting. They show how rankings change over time in a way that static charts cannot.
This mini-project to re-create the time-lapse animation was also an opportunity to try vibe coding with a new tool, v0.dev. With the below prompt and 4sec screen-recording of a sample animation
“Create an app which takes in the data, 1st Dimension (e.g. country, school, team), metric (e.g. country GDP, country population, team winning) and month wise values for the metric. Produces an animation to show case the monthly progress and ranking of the metrics through the dimension wise. sample attached. Speed should be a setting. Should be able to do csv upload and the speed cam from 50ms to 1000ms. Provide sample format”
App link – https://balaganesh.org/animated-ranking-visualization.html
How The App Works
The application lets you upload your own data as a CSV file. The first column of your file should contain the names of the items you want to rank, such as countries, teams, or products. The rest of the columns should hold the numerical values for each time period.
Once uploaded, the tool generates an animated bar chart. You can watch as the rankings shift and change over time based on your data.
Github code – https://github.com/balaganesh/data-animation-app
Try out and comment!