Rotavirus Visualization

Animated map of rotavirus vaccination rates over ten years

Merck
Go to MapView source on GitHub

This animated map, produced for Merck, shows the uptake in vaccination for rotavirus since 2006. Rotavirus, a common cause of diarrheal disease among infants and young children, routinely caused many hospitalizations and a number of deaths prior to vaccination programs. Merck, which produces several vaccines, commissioned this map to see how the usage of those vaccines has increased and/or changed over time and geography.

The map shows weekly vaccination rates at three levels of geography: state, county, and zip code. With such a fine temporal resolution, a key challenge of this project was to deliver vast amounts of data in reasonably-sized chunks for a web map. Rather than load actual data values for all weeks and geographies (which would be over 15 million data points), we used database queries to calculate data classes and deliver only information about when a unit's value crosses a certain threshold. Detailed information about vaccination rates are then only loaded on demand, when the user interacts with points or polygons on the map. For this we built an API to get the actual weekly data for a given geography, which we show in a small line chart.

We used D3 to build the front end of this project, taking advantage of map projection capabilities. In addition to the data challenges described above, zip codes also presented challenges for display, as at a national scale the number and small size of them makes them burdensome on the browser and difficult to read. We show them as points (drawn on a raster canvas) until the user zooms in far enough for tabulation area polygons to be legible. For the closer zoom levels, we built a simple vector tile server to deliver ZCTA polygons which are displayed on a more traditional tiled web map, along with a detailed basemap.

Project Features

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

This is some text inside of a div block.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

This is some text inside of a div block.

Built with and for:

Merck

Related Post:

Press Links:

No items found.
Featured Projects

Multiscale Geography

Zip codes are shown as points at small scale and vector tile polygons at large scale.

Multiscale Geography