Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
DDasbach.EJ
Last edited Jun 6, 2021
Created on Jun 2, 2021

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.

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…

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
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
88% match
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
87% match
Loading thumbnail…

Fork of #3 COVID-19 Deaths in US (NYT data) Reusable D3 Scatter Plot Framework Animated

This chart plots daily COVID-19 deaths and case averages across the US using NY Times rolling-averages data. An animated scatter plot, it cycles between two metrics every 2.4 seconds, with circles updating smoothly via D3’s `transition`. The reusable framework, built with `scatterPlot.js`, leverages `scaleTime` and `scaleLinear` for axes, plus `axisLeft`, `axisBottom`, and `timeFormat` for labeling. SVG rendering and the `d3.select` API manage the dynamic visualization.

DDasbach.EJ
87% match
Loading thumbnail…

Fork of #4 COVID-19 Deaths in US (NYT data) Reusable D3 Scatter Plot Framework Animated

Drawing on New York Times rolling COVID-19 data for the United States, this animated SVG scatter plot uses the reusable D3 chart pattern to toggle between average case and death counts every 2.4 seconds. It employs `d3.scaleTime` and `d3.scaleLinear` for axes, with `d3.transition` animating circle positions and y-axis label updates. The chart highlights the vaccination milestone at 30% and sources data from the NYT GitHub repository.

DDasbach.EJ
86% match
Loading thumbnail…

Fork of #4 COVID-19 Deaths in US (NYT data) Reusable D3 Scatter Plot Framework Animated

This interactive scatter plot animates COVID-19 rolling averages for the United States, toggling between case and death counts over time. It uses the D3.js library with `scaleTime` and `scaleLinear` for axes, `transition` for smooth animations, and `selectAll().join()` for incremental updates. The visualization cycles between metrics every 2.4 seconds, slowing updating circle positions with a staggered delay effect. Data comes from the NY Times rolling-averages CSV, rendered as SVG.

CCurran Kelleher
86% match
Loading thumbnail…

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

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.

DDasbach.EJ
86% match
Loading thumbnail…

Fork of #4 COVID-19 Deaths in US (NYT data) Reusable D3 Scatter Plot Framework Animated

This animated scatter plot tracks COVID-19 deaths and case averages across the United States using a reusable D3 chart framework. The visualization cycles between two metrics every five seconds, transitioning circles smoothly along the time-based x-axis and linear y-axis. Data comes from the NY Times rolling averages dataset, rendered as SVG circles with a dual-axis format showing month labels and annual year markers. The chart uses D3 v6.7 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, and `transition` to handle the temporal updates and animated position changes.

Sserebryanaya.n@gmail.com
85% match