Awesome
COVID-19 sankey visualization
<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
A responsive D3-based data visualization that leverages a <a href="https://www.data-to-viz.com/graph/sankey.html">Sankey diagram</a> to display the breakdown of the worldwide COVID-19 cases.
This visualization uses a JSON endpoints provide by @pomber and @NovelCOVID which serves data derived from the Johns Hopkins Center of Systems Science and Engineering dataset.
Development
You can hack on this locally by cloning down the repository and launching a local server via npm.
npm install
npm start
Data Updates
The data is dynamically queried and periodically generated locally for a static fallback. You can generate the data locally with the following command:
npm run data:update
Contributing
Pull request and feedback is welcome and requested.
Contributors ✨
Thanks goes to these wonderful people (emoji key):
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <!-- prettier-ignore-start --> <!-- markdownlint-disable --> <table> <tr> <td align="center"><a href="http://lonnygomes.com"><img src="https://avatars0.githubusercontent.com/u/50893208?v=4" width="100px;" alt=""/><br /><sub><b>Lonny Gomes</b></sub></a><br /><a href="https://github.com/LonnyGomes/covid-sankey-vizualization/commits?author=LonnyGomes" title="Code">💻</a> <a href="#maintenance-LonnyGomes" title="Maintenance">🚧</a></td> <td align="center"><a href="https://github.com/kmliebe"><img src="https://avatars2.githubusercontent.com/u/62724254?v=4" width="100px;" alt=""/><br /><sub><b>kmliebe</b></sub></a><br /><a href="#design-kmliebe" title="Design">🎨</a> <a href="#ideas-kmliebe" title="Ideas, Planning, & Feedback">🤔</a></td> <td align="center"><a href="https://github.com/panoz7"><img src="https://avatars1.githubusercontent.com/u/41122569?v=4" width="100px;" alt=""/><br /><sub><b>panoz7</b></sub></a><br /><a href="#ideas-panoz7" title="Ideas, Planning, & Feedback">🤔</a></td> <td align="center"><a href="https://github.com/pawn002"><img src="https://avatars3.githubusercontent.com/u/24492257?v=4" width="100px;" alt=""/><br /><sub><b>J. Z. Rioflorido</b></sub></a><br /><a href="#ideas-pawn002" title="Ideas, Planning, & Feedback">🤔</a> <a href="#design-pawn002" title="Design">🎨</a> <a href="#a11y-pawn002" title="Accessibility">️️️️♿️</a></td> <td align="center"><a href="https://pomb.us"><img src="https://avatars1.githubusercontent.com/u/1911623?v=4" width="100px;" alt=""/><br /><sub><b>Rodrigo Pombo</b></sub></a><br /><a href="#data-pomber" title="Data">🔣</a></td> <td align="center"><a href="https://github.com/NovelCOVID"><img src="https://avatars1.githubusercontent.com/u/61817610?v=4" width="100px;" alt=""/><br /><sub><b>NovelCOVID</b></sub></a><br /><a href="#data-NovelCOVID" title="Data">🔣</a></td> <td align="center"><a href="http://coreygearhart.com"><img src="https://avatars0.githubusercontent.com/u/13511406?v=4" width="100px;" alt=""/><br /><sub><b>Corey Gearhart</b></sub></a><br /><a href="#ideas-coreygearhart" title="Ideas, Planning, & Feedback">🤔</a> <a href="#a11y-coreygearhart" title="Accessibility">️️️️♿️</a></td> </tr> <tr> <td align="center"><a href="https://github.com/kelissa"><img src="https://avatars2.githubusercontent.com/u/50927767?v=4" width="100px;" alt=""/><br /><sub><b>kelissa</b></sub></a><br /><a href="#design-kelissa" title="Design">🎨</a> <a href="#ideas-kelissa" title="Ideas, Planning, & Feedback">🤔</a></td> <td align="center"><a href="https://github.com/COBAcode"><img src="https://avatars3.githubusercontent.com/u/50960497?v=4" width="100px;" alt=""/><br /><sub><b>Corey B</b></sub></a><br /><a href="#ideas-COBAcode" title="Ideas, Planning, & Feedback">🤔</a></td> </tr> </table> <!-- markdownlint-enable --> <!-- prettier-ignore-end --> <!-- ALL-CONTRIBUTORS-LIST:END -->This project follows the all-contributors specification. Contributions of any kind welcome!