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
Log in or sign up for Devpost to join the conversation.