COVID-19 data by country

When the world gives you COVID-19, use the community-driven APIs it provides for COVID-19 data by country to make a tool to show data better?

COVID-19 Today shows daily stats for the coronavirus. It’s a web app built in React that displays COVID-19 data by country.

COVID-19 data by country, sorted by default criteria for most confirmed cases today

Sorting criteria

The tool allows you to sort countries using the following criteria:

  • total confirmed cases
  • total new cases today
  • total deaths
  • total deaths today
  • total recovered
  • current active cases
  • current cases in critical condition
  • highest cases per 1 million population
  • highest deaths per 1 million population

You can click or tap on the different buttons to sort the countries.

COVID-19 data by country (mobile view) for the countries with the most recoveries

Search by country

The tool also makes it easy to search for COVID-19 stats for a specific country.

You can type a country name in the search box to find that country. It filters the countries list by the provided search criteria. This uses the country name provided by the API.

COVID-19 data by country search filtering

Data

This tool couldn’t have been made possible without the dated collected and shared by the open-source community:

There’s also lots of other data available, but that’s the one I used.

Source code

The source code for this app that displays COVID-19 data by country is available on Codepen here.

The web application is built using the following technologies:

  • HTML
  • SCSS
  • React
  • jQuery (Ajax)
  • the above-mentioned API for COVID-19 data by country