For over two years, this nifty code base powered India in Pixels' YouTube channel with videos fetching over millions of views in cricket, economy and culture.
Download the code base. You only should have to modify data.json
in the same format as presented in the example. If you have your data as a google spreadsheet, you can use a website like csv2json to convert it into JSON.
If you wish to delve deeper into customizing color and speed, you can easily experiment changing variables in Timeline.js
The project uses the wonderful p5.js to do most of the visualization.
I feel India in Pixels has received a lot of love and support from its community. It has grown thanks to the open source data that several government and private organisations have made freely available. Now that India in Pixels is no longer making bar chart racing videos (and has shifted to more narration like styles), it feels to give the code base back to the community so that some young creative nerd can make good use of it.
If this codebase helps you in any form, you can support IIP via UPI: indiainpixels@paytm if you are in India or Patreon at Patreon if you are overseas
Open sourced under MIT License
The code so far was used for personal use, so it is written in a well, haphazard fashion. If you are interested in improving the code quality, you are most welcome to fork the repo and submit a Pull Request.