Skip to main content
SimilarExport ZIP
100%

Covid-19 Cases

✓ Published0🌍 Public
Xxiaojingwu138
Last edited Jul 26, 2023
Created on Jul 26, 2023
Forked from Hello VizHub

This visualization tracks COVID-19 cases and vaccination rates in the United States using a dual-axis scatter plot. Blue circles represent the proportion of the population vaccinated (partial or full), while gray circles show the seven-day average of new cases. The animation reveals trends over time, with annotations highlighting key milestones. Data comes from Our World in Data and the New York Times, rendered with D3 v7 (d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, d3.axisRight) and d3-svg-annotation. A menu lets users toggle between partial and fully vaccinated metrics.

AI-generated description

A program that loads and parses some

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot COVID-19 Vaccination and Cases with Dual Axis

This interactive dual-axis scatter plot visualizes the relationship between COVID-19 vaccination rates (blue circles) and reported cases (gray circles) in the United States over time, using D3 version 6 with SVG rendering and animated transitions. It draws on CDC vaccination data and NYT rolling averages, scaling vaccination proportions against raw case counts with separate y-axes. The visualization includes a dropdown menu to toggle between partially and fully vaccinated metrics, and uses D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `axisRight`, and selection joins with transitions for the animation.

Xxiaojingwu138
90% match
Loading thumbnail…

Scatter Plot COVID-19 Vaccination and Cases with Dual Axis

This scatter plot shows the relationship between COVID-19 vaccination rates in blue and reported case counts in gray for the US population, with a dual y-axis for the two metrics. An interactive menu lets viewers toggle between partially and fully vaccinated proportions. The visualization uses D3 v6 with the `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `axisRight` APIs, and animates circle positioning via `transition` and `selection.join`. Data comes from the CDC and NYT rolling averages, with vaccination values normalized by US population size.

Xxiaojingwu138
89% match
Loading thumbnail…

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

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.

JJesus Angel
88% match
Loading thumbnail…

Scatter Plot COVID-19 Vaccination and Cases with Dual Axis - TN

This scatter plot animates COVID-19 vaccination rates and 7-day average case counts for the US population, using a dual y-axis where steelblue circles represent the proportion of people vaccinated and gray circles represent case counts. The visualization demonstrates that as vaccination numbers rise, case numbers decline, with annotations highlighting the peak and final case counts. Built with D3.js (version 6.7.0), it implements reusable scatter plot patterns with custom scales for time and linear axes, animated circle growth, and interactive menu selection for toggling between partial and fully vaccinated data. The code leverages D3's data joins, transitions, and annotation APIs, pulling data from Our World in Data and the New York Times rolling averages dataset.

TToly
88% match
Loading thumbnail…

Scatter Plot Vaccination and Cases

This scatter plot shows how COVID-19 vaccination rates correlate with case counts in the United States, using data from Our World in Data. An interactive dropdown menu lets viewers switch between partially and fully vaccinated metrics, while the chart displays the proportion of the population vaccinated over time. The visualization uses D3 v6 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, `selection.join` for smooth transitions between data updates, and `d3-svg-annotation` to highlight the maximum vaccination percentage.

DDasbach.EJ
88% match
Loading thumbnail…

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

A dual-axis scatter plot visualizes the relationship between COVID-19 vaccination rates and reported cases in the US, using steel-blue circles for vaccination proportions and gray circles for 7-day case averages. An interactive menu allows switching between partial and fully vaccinated data. Built with D3 v6, the visualization uses `scaleTime`, `scaleLinear`, `axisLeft`, `axisRight`, and `selection.join` to render SVG circles with animated transitions. Data comes from Our World in Data and the New York Times, with a chart title and annotations highlighting the reduction in cases.

Yyanikk@gmail.com
88% match
Loading thumbnail…

Fork of Scatter Plot Vaccination and Cases

This scatter plot visualizes the relationship between COVID-19 vaccination rates and infection cases in the United States over time. It overlays two datasets—vaccination percentages from Our World in Data and case counts from the New York Times—on a shared date axis, with annotations highlighting the final date's progress. The visualization uses D3.js v6, specifically `scaleTime`, `scaleLinear`, `selection.join` for animated circle transitions, and `d3-annotation` for labels. SVG rendering animates circles growing from zero radius while a dropdown menu allows switching between partial and fully vaccinated metrics.

DDasbach.EJ
87% match
Loading thumbnail…

test

This example visualizes COVID-19 vaccination rates in blue against reported cases in gray for the US population, using a dual y-axis to compare the two metrics over time. The scatter plot animates point positions and radii using D3’s selection.join and transition APIs, with an interactive menu to toggle between partial and fully vaccinated data. Data comes from Our World in Data and the NYT rolling averages, rendered as SVG circles with axis labels, annotations, and a chart title.

PPavan Nimmagadda
87% match