We wanted to understand the effects that the COVID-19 pandemic had on the sales, production, and behaviour regarding medical masks. This is important to understand as the pandemic continues, because it will allow us to better distribute and use masks in the most efficient and sustainable way possible.

What it does

Our website displays the global production, consumption, and demand of masks on the first tab. It is interactive and displays production, exports, and imports in red, consumption in blue, and price in orange. The second tab displays the top mask providers in the U.S.A. Similarly, it is also interactive with the different colors representing different companies. The larger circles represent the headquarters of those companies while the smaller circles represent the factories. The third tab also provides a closer look into the production and consumption of masks in the U.S.A. Lastly, the fourth tab provides an overview of the mask mandates in the U.S.A by state. It is also interactive and will display further information, such as state name, state capital, and mask mandate date when hovered over.

How we built it

Using matplotlib in python, we generated dozens of graphs visualizing the trends regarding the mask market and attitudes towards mask-wearing. Using leaflet.js, css3, html5, and jquery, we were able to create an interactive global map and U.S.A. map with different sized and colored circles representing a multitude of topics.

Challenges we ran into

There were many errors in formatting, which we spent hours fixing and editing. In the end, there are still many areas where we believe are in need of improvement in terms of both user accessibility and aesthetic.

Accomplishments that we're proud of

We are proud of the amount of new skills we have learned through the struggles. We learned valuable skills in code debugging, and how to troubleshoot. We also learned valuable time-management skills that allowed us to finish our submission in an extremely short amount of time and efficiently work across time zones. Finally, we learned how to be good team members, and how to divide work fairly and keep each other accountable.

What we learned

We have learned the workings of leaflet, the multitude of codes for a plethora of figures, and the process of compiling data. We also learned what makes a good visualization, and how to make our visualization both aesthetically pleasing and easy to use.

What's next for Team Mask

First, we plan to improve the formatting of our website to be more user friendly. Furthermore, we are looking to provide a more comprehensive look into the impact of masks in the global economy by adding more graphs and figures of data in the future, especially for Africa.

Share this project: