jayrbolton / covid19-growth-dashboard Goto Github PK
View Code? Open in Web Editor NEWCOVID-19 tracking dashboard
Home Page: https://www.covid19tracking.org
License: MIT License
COVID-19 tracking dashboard
Home Page: https://www.covid19tracking.org
License: MIT License
For the current search, show aggregated stats at the top for all results below.
If no filter is applied, you see worldwide stats. If you filter only US, then you see US-wide stats.
Mousing over a bar chart could show the values in that bar. Just something like:
total: x
active: y
recovered: z
deaths: a
Should have a translucent background to not cover the chart, or always be positioned away from that bar (maybe off to the side and an arrow pointing at it?)
Testing numbers are very important when taking into account active case numbers.
Requires more planning and design
Data sources:
In normalize-data.ts, compute a totals.active array to be (confirmed - recovered - deaths) for every day in the time series. Also add corresponding metrics to row.averages, row.maxes, row.percentages, etc
Change all cases of "confirmed" in the UI to the "active" numbers.
All time is not accurate
The average new cases over all days and over the last 7 days should be calculated on the differences of the active numbers, not the confirmed numbers. This is also used in the sort by "recent growth" function.
Files will be renamed with columns moved around. Most importantly, recovered numbers are going away
If we want to keep this dashboard going, I say we move away from JHU as the primary data source and maybe switch over to covidtracking.com for the primary UI. We can still keep a secondary dashboard of JHU numbers that will probably be more unreliable
Filter by:
Later on, but we should verify if these are useful:
Over all time and over last 7 days. Display these stats in the RegionStats component
normalize-data.ts could do the computation upfront
Show the first 100 results or so. We don't need actual pagination. Just a "show more" button or similar is good.
Some colorblindness guidelines here: https://www.toptal.com/designers/colorfilter/
Avoid the red + black combo (technically it is orange, but close enough to red to warrant criticism)
Sort by:
There are other possibilties, but these are the useful ones that I can think of.
We should try to use the JHU servers for data sources, which get updated more frequently.
Can always fall back to the github repo urls if the request fails
In the totals list on the left, active doesn't have a percentage. Oops!
At some point this started messing things up for me. I removed it completely for now.
Caching is always ๐คฆโโ๏ธ
Draw a simple as possible time-series bar chart of total cases per day for each region
Make sure everything looks good on mobile. We can do this later on when more features are in place.
Tachyons will help
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.