Skip to main content
SimilarExport ZIP
100%

COVID-19 Deaths in US Interactive

✓ Published0🌍 Public
DDasbach.EJ
Last edited May 15, 2021
Created on May 15, 2021

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.

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 COVID-19 Deaths in US (NYT data) Reusable D3 Scatter Plot Framework

This interactive scatter plot displays the seven-day rolling average of COVID-19 deaths in the United States over time, using data from the New York Times. Built with D3.js, it employs a reusable scatter plot framework where the x-axis represents dates and the y-axis shows the death average per day. The visualization includes labeled axes, a title, and a source attribution. The SVG rendering uses D3 scales, axes, and circles, with data loaded from a remote CSV file parsed through D3's csv function.

Ccssergio
91% 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
91% 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
91% match
Loading thumbnail…

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

This example shows COVID-19 deaths per day across the United States from NYT rolling-averages data, plotting each date as a scatter point with death counts on the y-axis. The reusable D3 scatter plot framework uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` within an SVG, with `d3.csv` fetching the remote dataset. The chart includes multiple axis groups for months and years, labeled titles, and a source attribution, all styled via custom CSS with a tech-inspired font.

DDasbach.EJ
90% match
Loading thumbnail…

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

A reusable D3 scatter plot visualizes COVID-19 death averages in the United States over time, using data from the NY Times rolling-averages dataset. The chart renders an SVG with time-scaled x-axis and linear-scaled y-axis, plotting daily death averages as small circles. Labels annotate the national trend, noting the vaccination milestone at 30% and citing the NYT source. The implementation uses D3 v6 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `timeFormat`, with a configurable chart factory pattern for reusable accessor properties.

TToly
90% 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
90% match
Loading thumbnail…

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

This scatter plot displays the rolling seven-day average of COVID-19 deaths in the United States over time, using data from the New York Times. The visualization is built with D3.js (v6.7.0) and its `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` components to map dates and death counts. It renders as an SVG, with points sized by a fixed radius and includes custom text annotations for the title, source attribution, and a vaccination milestone. The chart is generated from a CSV URL loaded via D3’s `csv` function, with margins and axis labels configured programmatically.

OOliver Paculan
90% match
Loading thumbnail…

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

A scatter plot visualizes the rolling seven-day average of COVID-19 deaths across the United States over time, using data from the New York Times. The chart renders an SVG with small circles, a time-scale x-axis formatted by month and year, and a linear y-axis. It is built as a reusable chart function following the Towards Reusable Charts pattern, using D3 v6 APIs like `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft`. Labels annotate the title, y-axis, and a vaccination milestone, with the source cited in the margin.

AabhishekGNS
90% match