Skip to main content
SimilarExport ZIP
100%

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

✓ Published15🌍 Public
DDasbach.EJ
Last edited May 23, 2021
Created on May 9, 2021

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.

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 visualization displays COVID-19 daily death averages across the United States as a scatter plot, with time on the x-axis and deaths on the y-axis. It uses a reusable D3 chart framework with `scaleTime`, `scaleLinear`, and `axisBottom` to render the timeline, while the data comes from the NY Times rolling averages CSV. The SVG rendering includes custom axis labels, a title, and source attribution, with a circular marker for each date point. The code demonstrates the reusable chart pattern with getter/setter accessors for width, height, data, and margin.

KKamilPodsiadlo
94% 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
93% match
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
93% match
Loading thumbnail…

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

This example shows COVID-19 deaths in the United States over time as a scatter plot, using a reusable D3 chart framework. It displays each data point as a circle scaled by population, with a time-based x-axis and linear y-axis for death counts, along with labels for vaccination milestones and a source citation. The chart uses D3 v6 modules such as `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` from `d3`, and loads data from the NY Times COVID-19 dataset via `d3.csv`. The implementation follows the reusable chart pattern with getter-setter accessors for width, height, data, and margins.

Sssingh175
93% match
Loading thumbnail…

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

A reusable scatter plot framework displays daily COVID-19 death averages across the United States using New York Times rolling-averages data. The chart maps dates on the x-axis against death counts on the y-axis, rendering small circles via D3’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft`. Labels annotate the plot with "UNITED STATES" and a "Vaccination @30%" marker, while source attribution appears at the bottom. The implementation follows the reusable chart pattern with getter-setter methods, loading CSV data through `d3.csv` and rendering with SVG.

CCurran Kelleher
93% match
Loading thumbnail…

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

This reusable D3 scatter plot displays rolling-average COVID-19 deaths in the United States from New York Times data, with each circle representing a daily average. The chart uses `scaleTime` and `scaleLinear` to map dates and death averages, while `axisBottom` and `axisLeft` render labeled axes. It layers multiple bottom axes for months and years, and includes annotations marking a vaccination milestone and source attribution. The code follows the reusable chart pattern from Bostock’s “Towards Reusable Charts,” exposing width, height, data, and radius as accessor properties. Data loads via `d3.csv` from the NYT GitHub repository into an SVG rendered across the full viewport.

Bbrockley0
93% 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
93% 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
93% match