Skip to main content
SimilarExport ZIP
100%

COVID-19 impact on health of US population

✓ Published2🌍 Public
DDasbach.EJ
Last edited May 31, 2021
Created on May 29, 2021

This interactive scatter plot visualizes COVID-19 impact on the US population, charting national rolling averages of cases and deaths over time since the pandemic began. Users can switch the y-axis metric between cases, deaths, and per-capita values via a dropdown menu built with D3’s dispatch system. The visualization uses d3.scaleTime and d3.scaleLinear to map dates and health indicators, with animated circle transitions handled through d3.transition. Data comes from the NY Times COVID-19 rolling averages dataset.

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
92% 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
85% match
Loading thumbnail…

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

This animated scatter plot visualizes the rolling seven-day average of COVID-19 deaths and cases across the United States, drawing on data from the New York Times. The visualization, built with the D3.js library, employs a reusable chart framework with a `scatterPlot()` function. Using SVG rendering, it animates the transition between metrics, toggling between death and case averages every few seconds. The chart includes labeled axes, a title, and a source attribution, with the y-axis label updating to reflect the current metric.

DDasbach.EJ
85% match
Loading thumbnail…

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

This animated scatter plot visualizes COVID-19 case and death averages across the United States using New York Times rolling-averages data. The D3.js chart transitions between two y-axis metrics—deaths_avg and cases_avg—on a timed interval, with circles positioned by date and value. It uses d3.scaleTime, d3.scaleLinear, d3.axisBottom, and d3.axisLeft, with transitions updating circle positions and axis labels. SVG rendering displays the full timeline with monthly and yearly tick formats, while the reusable scatterPlot function follows the Towards Reusable Charts pattern.

DDasbach.EJ
85% match
Loading thumbnail…

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

This animated scatter plot visualizes COVID-19 deaths and cases in the United States using New York Times rolling averages data. The visualization alternates between displaying average cases and average deaths on the y-axis every 2.4 seconds, with each data point representing a date. Built with D3 v6, the reusable chart uses `scaleTime` and `scaleLinear` for axes, `axisBottom` with `timeFormat` for month and year labels, and `transition()` with staggered delays for smooth circle repositioning. SVG rendering displays the full timeline with circles growing from radius zero via `transition.attr('r', radius)`.

DDasbach.EJ
84% match
Loading thumbnail…

COVID-19 US Interactive

This interactive line chart displays the rolling seven-day average of COVID-19 cases in the United States over time. The visualization uses React and D3 v6, with the data sourced from the New York Times’ public COVID-19 repository. The chart plots dates on the x-axis and average cases on the y-axis, rendered as an SVG using custom `AxisBottom`, `AxisLeft`, and `Marks` components. Hovering over data points triggers a `Tooltip` showing the formatted value. The code leverages D3’s `scaleTime`, `scaleLinear`, and `csv` for data parsing and scaling.

DDasbach.EJ
84% match
Loading thumbnail…

COVID-19 Deaths in US Interactive

A COVID-19 deaths scatter plot for the United States renders the NY Times rolling-averages dataset as an interactive SVG visualization. The chart, built with React and D3 v6, uses d3.scaleTime and d3.scaleLinear to map dates against the seven-day average death count. It displays axes via d3.axisLeft and d3.axisBottom, with labeled annotations for the country title, y-axis, and vaccination threshold. The reusable chart pattern from "Towards Reusable Charts" is implemented through configurable accessor functions, while the data loads asynchronously from a CSV URL and updates circle elements via selection.join.

DDasbach.EJ
83% match
Loading thumbnail…

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

The visualization animates daily COVID-19 mortality and case averages across the United States using NYT rolling-averages data. A reusable D3 scatter plot framework, built with `scaleTime`, `scaleLinear`, and `axisBottom`, transitions circles smoothly between the two metrics every 2.4 seconds. The SVG rendering displays month and year tick labels, a y-axis label, and a vaccination milestone annotation. It uses `selectAll`, `data().join()`, and `transition().delay()` to update positions and redraw axes.

TToly
83% match