Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot COVID-19 Vaccination and Cases with Dual Axis

Public visualization

Scatter Plot COVID-19 Vaccination and Cases with Dual Axis

2 stars5🌍 Public
DDasbach.EJ
Last edited Sep 14, 2021
Created on Jun 22, 2021

This interactive scatter plot shows COVID-19 vaccination rates in blue against reported cases in gray, using a dual y-axis to compare the two disparate data scales. The chart includes a dropdown menu to toggle between partially and fully vaccinated populations, with annotations highlighting key milestones. Built with D3 v6, it uses `scaleTime`, `scaleLinear`, `axisLeft`, `axisRight`, and `selection.join` for enter/update/exit circle transitions, rendering SVG with animated growth on load. Vaccination data comes from Our World in Data, while case counts are sourced from NYT rolling averages.

AI-generated description

COVID-19 vaccination rates in blue versus reported cases in gray.

Data are from CDC COVID-19 US population vaccination counts as proportions of the US population size and 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.

Credits: *reusable scatter plot inspired by

Towards Reusable Charts

Observable: selection.join

Curran Kelleher Reusable D3 Scatter Plot B&W*

Comments

Sign in to join the discussion.

MIT Licensed