Given the current state of events, many websites have been created to summarize the statistics, trends, and predictions of the COVID-19 virus, showing data at the country, state, and county levels, using a combination of maps, tables, graphs (linear and logarithmic scatter plots, bar charts and tree graphs) comparing the spread from region to region.
Your team’s task is to use client-side JavaScript, forms, ReactJS, React frameworks, and Firebase to build a COVID-19 website. You may use any additional third-party Web Service APIs, libraries, or modules, provided you comply with the terms of their licenses.
To help you decide on a design, the most popular COVID-19 sites are shown in this document.
All of these sites pull their data from a relatively small number of International, national, and state sites. The top data sources are: BNO, 1point3acres, worldometers.info, the Covid tracking project, CDC. ECDC. WHO. Detailed links for these sites are shown at the end of this document.
All of these sites heavily use tables and graphs. The top 6 React CHART FRAMEWORKS all have a wide variety of examples on their sites, with code. nivo rocks: https://nivo.rocks/#/ (wide variety of data visualization components, built on React)
React-Vis:
https://uber.github.io/react-vis/ (Uber’s large, composable charting library)
Victory:
https://formidable.com/open-source/victory/ (range of modular charting components)
Recharts:
https://recharts.org/en-US (super simple, well-built, React composable charting library)
ChartJS:
https://www.chartjs.org/ (simple, flexible, JS charting library for developers) repackaged as React-chartjs-2: https://github.com/jerairrest/react-chartjs-2
canvasJS:
https://canvasjs.com/react-charts/
