COVID-19 Testing Trends Tracker


Johns Hopkins came to Graphicacy to assist in making these particular COVID-19 visualizations easy for the general public to understand: trends in how COVID is increasing or decreasing in any particular state in relation to key indicators set by the White House as benchmarks for reopening. Our team was intent on creating engaging interactives, while allowing users to quickly understand the trends in the data and the context of those trends.

Tester Tracker Overview Table

One of the persistent challenges of designing COVID-19 data visualizations is that a single metric only tells part of the story. To gain a better understanding on whether an outbreak is improving or worsening in a given state, the number of new cases should be looked at alongside how robust that state’s testing program is (tests performed per 1,000 people), and what percentage of those tests are positive. Due to the variability in states’ self-reported data, weekly trends and moving averages help to further clarify the current condition of an outbreak.

To aid in that type of overview, I designed a sortable, filterable table (image above) that displays all three metrics alongside each other, using small multiple charts displaying the most recent 14 days of data, as well as weekly trend icons that allow for a quicker, at-a-glance read.

I also designed a tile map view, displays any of the metrics from the overview table, to identify regional trends: 

Testing Tracker map page

The overview table is data-rich and invites careful exploration. To help users understand each of the chart components, we designed an explainer graphic that gives instructions on how to read each chart, and explains any calculations being made under the hood:

Testing Tracker How to Read this Graphic

Other Projects:

VIEW-hub website designUI/UX Design & Data Visualization

Transforming Food Systems Under Climate ChangeData Visualization & Report Design

Towards a More Equal CityData Visualization

Creating a Sustainable Food FutureData Visualization & Report Design

Global Commission on AdaptationMap & Infographic Design

Stories to WatchPresentation Design

Globetrotting History of MetalData Visualization

Equal Pay Laws are Not EnoughData Visualization

WRI Blog graphicsCharts & graphs

Shifting DietsData visualization

Show FlyersConcert posters

Positive Youth FestConcert Poster

Droughts & BlackoutsData Visualization

Pinkwash posterConcert Poster

Please be in touch: Follow me on instagram or twitter.