View Code? Open in Web Editor
NEW
Visualizing coronavirus covid-19 cases and deaths on a map with time travel + infection trajectory comparison
Home Page: https://covid19pink.vercel.app/
License: MIT License
HTML 2.83%
TypeScript 90.65%
JavaScript 5.72%
CSS 0.52%
PowerShell 0.28%
covid19-coronavirus-react-visualization's People
Watchers
covid19-coronavirus-react-visualization's Issues
Include time it takes for cases to double as a measure of how exponential the growth is
Bind country dashboard and infection trajectories state to url to allow sharing URL. Pass a list of countries in the infection trajectories and country + region in country dashboard.
Add per capita switch that will recalculate all the values into relative amounts proportional to the country's / region's population.
Add exponential / linear / flat markers to the table and country dashboard to indicate how quickly new cases are appearing.
Use dom-to-image library to make graphs shareable as an image to social media.
Since the page doesn't fetch anything dynamically and is not dependent on any databases, maybe it would make sense to rewrite things in next.js to generate a static page thus improving performance and especially load time.
Trying to fix SEO. Google has a really hard time finding the page and positioning it.
Helmet allows setting meta tags with description for each of subpages.
This is what google sees right now:
Fix time travel slider on the bottom of the page to indicate time travel being available for other elements than map.
Adjust end date for graph elements to connect them to time travel.
Fetch relevant news or/and youtube videos and display beneath the graphs in the country dashboard
Similar to what is already available for the United States: https://covid19.pink/dashboard/United%20States
Requires generalizing the UsaMapChart component to be able to take different geography files as input.
Any other countries that require a high-grain map?