webmap_application

Web Map Application

Visualizations of COVID-19 cases and rates in the United States

Introduction:

In this lab, I design two interactive web maps of COVID-19 cases and rates in the United States by county to understand the geographical distribution of COVID-19 cases throughout the U.S. in 2020.

Map1:

A choropleth map of COVID-19 rates.

Map2:

A proportional symbols map of COVID-19 cases.

Libraries and functions:

The primary library that’s been used in creating this application is Mapbox GL JS. Some functions that are called to create the interactive functions are map.on(‘click’, …), mapboxgl.Popup, map.on(‘mousemove’), map.on(‘mouseleave), etc. Tools that are used for data cleaning are QGIS and mapshaper. The COVID-19 case/death data are originally from The New York Times, and the population data used for calculating the case rates are from the 2018 ACS 5 year estimates.

Sources:

Acknowledgment:

The data and tutorial of making this web map application were provided by Prof. Zhao. link to the tutorial