I've been seeing different charts in news articles, showing the rates of infection between different countries and between states. I wasn't able to find an easy to use website where I could line up areas I wanted to compare, so I decided to make it for myself, and share it so other people can use it too.

I think it is hard for people to understand the speed of the transmission, and it helps people understand to see the charts showing how their locality compares to places we have already seen in the news.  For example, after watching the coverage of the pandemic in Northern Italy, it is important to measure whether the state in the US where live might be on a similar trajectory.

What it does

This is a website that shows a chart with timeseries. You can choose any country, state, or US county form the list on the right, and the chart will update as you select them.  The timeseries can be viewed as they actually happened, or you can line them up to a common starting point of day of first 100 cases.

In desktop browsers, the chart can be saved as an image to share in blogs or articles. On mobile, the chart can be captured with a screenshot.

The data is updated every time the server is started, fetching the latest daily reports from Johns Hopkins CSSE's public repo.

How I built it

Data for country is from Johns Hopkins CSSE public repo Daily reports are used to update state and county data Data for US Counties 1/22 - 3/23 is pulled from public data feed I wrote a server script using Node and Express, which parses and merges the data into one static json file. This file is then loaded by the website and the chart is rendered using ChartJS library in combination with jQuery.

Challenges I ran into

The data is not standardized. The data model is changing day by day.  The biggest challenge is keeping track of the data in a single standardized format.

Different users have all kinds of different preferences and it is challenging to provide something dynamic that can address what every user is interested in.

Accomplishments that I'm proud of

I'm proud to be able to quickly create and share a free, public data visualization tool quickly now while the pandemic is still in transmission around the world.

What's next for covid-19 charts website

  • add Recovered data
  • make locations lists searchable
  • add today's data, which can be refreshed on demand for up to the minute info

Try It out



chartjs, jquery, node.js

Devpost Software Identifier