Skip to main content
SimilarExport ZIP
100%

Annotated Grid Multiplot COVID-19 cases & vaccinated in US population

✓ Published1🌍 Public
DDasbach.EJ
Last edited Jun 11, 2021
Created on Jun 7, 2021

This example shows a multiplot of COVID-19 cases and vaccination rates in the U.S. population, rendered as two animated scatter plots from the NY Times and Our World in Data datasets. Each plot includes interactive menus for switching between case/death metrics and partial/full vaccination, while a d3-svg-annotation label highlights the peak vaccination percentage. The reusable chart pattern, inspired by Towards Reusable Charts, uses D3 scales, axes, transitions, and modular functions to build the responsive SVG visualizations.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the NY Times Covid-19 Dataset US .

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Annotated Grid Multiplot COVID-19 cases & vaccinated in US population

This example displays two time-series scatter plots tracking COVID-19 cases and vaccination rates across the US population, using data from the NY Times and Our World in Data. The upper plot shows rolling averages of cases or deaths, while the lower plot displays the percentage of people vaccinated, with an annotation highlighting the peak vaccination value. Built with D3.js, the visualization uses `scaleTime` and `scaleLinear` for axes, `d3.annotationLabel` for annotations, and animated transitions via `transition.duration`.

DDasbach.EJ
93% match
Loading thumbnail…

Fork of Fork of Annotated Grid Multiplot COVID-19 cases & vaccinated in US population

This visualization compares COVID-19 cases and deaths in the US against vaccination rates using two annotated scatter plots stacked vertically. It plots time-series data from the NY Times and Our World in Data, rendered as SVG animations with D3.js. The top chart displays cases or deaths via a dropdown menu, while the bottom shows fully or partially vaccinated percentages, with an annotation highlighting the peak vaccination rate.

DDasbach.EJ
92% match
Loading thumbnail…

Grid Multiplot COVID-19 cases & vaccinated in US population

This visualization compares COVID-19 cases and deaths with vaccination rates across the US population using two stacked scatter plots. The upper chart displays NY Times rolling averages for cases or deaths (selectable via a menu), while the lower chart shows Our World in Data vaccination percentages. Both plots use D3.js v6.7 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `transition` to animate points. The `menu` and `menu2` modules use D3's `dispatch` for interactive re-rendering, with SVG output rendering the data across the full viewport width.

DDasbach.EJ
91% match
Loading thumbnail…

Multiplot COVID-19 impact on health of US population

This multiplot visualization tracks the impact of COVID-19 on the US population by displaying daily case and death averages as a scatter plot, rendered with D3’s scaleTime and scaleLinear functions. Users can switch between cases and deaths via a dropdown menu, which triggers smooth transitions on circle positions. The data comes from the New York Times rolling-averages dataset, featuring an animated reveal of points and dual month/year axes. A second, commented-out chart uses Our World in Data to show vaccination percentages, though it remains inactive.

DDasbach.EJ
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
86% match
Loading thumbnail…

Fork of Multiplot COVID-19 impact on health of US population

This fork of a multiplot visualization shows the impact of COVID-19 on the US population, plotting daily case and death averages over time using data from The New York Times. A second chart displays vaccination rates from Our World in Data, with both plots rendered as SVG scatter plots using D3’s `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs. Interactive dropdown menus, built with D3 dispatch, let users toggle between case and death metrics, while animated transitions update circle positions and chart titles.

DDasbach.EJ
86% match
Loading thumbnail…

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

This interactive scatter plot visualizes COVID-19 vaccination rates (in blue) against reported case counts (in gray) for the US population, using a dual y-axis. The visualization animates data points over time using D3 v6 and SVG, with vaccination data from Our World in Data and case data from the NYT. Users can toggle between partial and fully vaccinated metrics via a custom menu. The code employs D3 scales, axes, transitions, and the `selection.join` pattern for reusable chart components.

RRochisman Datta
86% 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
85% match