Animated bubble map showing the spread of COVID-19 over time
Choropleth map displaying cases per county in the U.S.
Data table that's sortable by column
Heatmap displaying cases per state in the U.S.
Orthographic heatmap displaying cases around the world
Side-by-side plot displaying cumulative tests done per 1000 people and daily changes in tests done per 1000 people for each country
Page displaying daily news
Coronavirus has taken the world by storm. It has spread incredibly quickly to just about every part of the world. During these hard times, there is lots of uncertainty about what will happen, yet many people don't have a basic understanding of what coronavirus nor do they know the current scenario with coronavirus. They don't know how many people have been affected and have very little information in general.
What it does
Our website parses data from multiple sources and visualizes them to provide the best user-experience. Data that is visualized includes the number of cases, deaths, and recoveries, the impact of coronavirus in different parts of the world and within the US, and the number of tests performed per country. We also display news that discuss coronavirus and/or its effects in a particular topic.
How I built it
Challenges I ran into
Because we wanted user experience to be an important component of this website, it took us a while to figure out some of the responsive parts of the website. There were also different kinds of functions that we initially had no idea to do (ex. sorting the tables by column when you click on a column.)
Accomplishments that I'm proud of
We're actually quite shocked that we managed to figure so much in a very short time period. We didn't have much experience with web development so we are quite amazed that we were able to learn so much. The website looks AMAZING, especially the Plotly plots. Most importantly, we think that many people would find this website useful!
What I learned
We became more familiar with different APIs and frameworks. We got better at building a web application with Flask, and we are now much more comfortable with front-end development. Overall, we learned many important web development concepts and technologies.
What's next for COVID-19-Live
We are very interested in creating a startup. We want to focus on tracking and communicating information about different kinds of diseases to the public - in this hackathon, we used coronavirus as a proof of concept. The goal for such a startup is to establish a company that develops apps with simple and engaging interfaces that inform people on diseases in real-time. Coronavirus has shown how dangerous a disease can get, but frankly, there are many diseases that end the lives of tens of thousands, hundreds of thousands, or even millions of people every year, worldwide. We feel that people would benefit from a company that provided them real-time information about different diseases and kept track of the progression of those diseases so that proactive measures can be taken.