COVID-19 data by country

Tina HollyTina Holly
3 min read

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
10
Subscribe to my newsletter

Read articles from Tina Holly directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Tina Holly
Tina Holly

Hi, my name is Tina! I am a Full Stack Software Developer and Tech Lead from Canada. ๐Ÿ™‹๐Ÿปโ€โ™€๏ธ