Skip to main content
100%

Fork of Scatter Plot COVID-19 Vaccination and Cases with Dual Axis

✓ Published0🌍 Public
JJesus Angel
Last edited Jul 5, 2021
Created on Jul 5, 2021

This visualization displays the relationship between COVID-19 vaccination rates and 7-day average case counts in the United States using a dual-axis scatter plot. Steel-blue circles represent the proportion of the US population vaccinated, while gray circles show infection counts, with animations transitioning the radius and positions of points. The chart annotates the maximum vaccination percentage and case count reduction over time. Built with D3 v6, it utilizes `scaleTime`, `scaleLinear`, axis components, and `selection.join` for data binding, drawing from Our World in Data and NYT rolling averages datasets.

AI-generated description

While COVID-19 vaccination rates have been driving down COVID-19 cases in the United States, vaccination rates will need to increase to meet the 70% partial vaccination target for the US population on July 4th.

This dynamic can be seen by plotting the CDC COVID-19 US population vaccination counts as proportions of the US population size alongside the NYT COVID-19 infection 7-day trailing average cases counts for the US population using a dual y-axis for the two public use data sets.

A Lesson Learned

I found a bug in the reported CDC vaccination data for early June for the raw case counts. Specifically, the case counts reported were -24,000 cases. Hence, I switched to the moving average for the case counts. The lesson here was that I thought I had not correctly coded the axes and spent some time trying to fix it. When in fact the issue was an error in the data reported. Hence, check your data source :)

Credits: *reusable scatter plot inspired by

Towards Reusable Charts

Observable: selection.join

Curran Kelleher Reusable D3 Scatter Plot B&W*

MIT Licensed

Similar vizzes