Inspiration

We wanted to pick something that was current, and important. There is a ton of data on Covid available, so much so that it can be difficult to read and digest. We wanted to make an application that makes it easier to understand all the information.

What it does

The application takes active data from the Covid Tracker API, and breaks it down by location and date. It then graphs that data so that the behavior of the virus can be seen over time more easily. It also provides some helpful links about the selected states' laws policies towards masks and other Covid related laws.

How I built it

The application uses react as the frontend, and pulls its information from the Covid Tracker API. It graphs the data using the Victory data visualization components. The Material-UI framework was used for styling.

Challenges I ran into

The formatting of the graphs so that they are dynamic while also being readable was difficult, especially since there is not that much documentation about the styling.

Accomplishments that I'm proud of

We are all very proud of the fact that we created a stylish, responsive, useful application in such a short amount of time. We are also very proud of the fact that we implemented a data predictor using linear and exponential regression, as predicting the trends of the virus is incredibly important right now.

What I learned

No one on the team had previously used data visualizers in react, nor had we used regression to make statistical predictions. We learned how to effectively use Victory, and regression.

What's next for Covid Tracer

We would like to implement a feature where you could compare the trends of more than one state at the same time.

Built With

  • covid-tracking-api
  • material-ui
  • react
  • regression-js
  • victory
Share this project:

Updates