The goal of this project is to provide an interactive timelapse of the COVID-19 pandemic as it has occurred.
At every point in the time of the visualisation, the red bars represent the impact of the virus on countries relative to the most impacted country.
You can view it here.
This project would not have been possible without:
- Our World In Data (OWID) which has a project to collect, clean and make public COVID-19 data. All the data used for this visualisation is sourced from OWID.
- Experiments with Google for inspiration and providing the base code for the globe used on this project.
- ObservableHQ's resource on creating a data race chart.
To run this locally,
- First clone this repo
$ git clone https://codingedward/ailing-planet.git
- Install the dependancies:
$ npm install
- To start a local server, and for hot module reloading, you can run:
$ npm run watch
- Once you have built everything and you are ready to make a production build, run:
$ npm run production
This app is currently being deployed to GitHub Pages and deployment is easily done by running:
$ ./deploy.sh
after having made a production build. For now, only the repo owners can run this command.
Any contribution is most welcome. Some key key areas that may currently need refining:
- Browser compatibility - this is only currently tested on Chrome, Firefox and Safari. If you identify any browser incompatibility issues, feel free to raise a PR.
- Performance - while it is somewhat expected that the visualisation is CPU and GPU intensive, if you can identify any places we can improve performance, that would be awesome!
- Any other issue really! Feel free to raise a PR to improve the code, UI/UX, etc.
Built with <3 by Edward Njoroge (@codingedward).
If you'd like to appreciate this work, you can:
Buy me a Coffee