Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
Sssingh175
Last edited Jun 1, 2021
Created on Jun 1, 2021

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.

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

This reusable D3 scatter plot framework visualizes COVID-19 deaths in the United States over time, using data from the NY Times rolling-averages dataset. Built with D3 v6.7.0, it employs `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` to render circles for each data point, with dual time-based axis formats showing months and years. The chart includes custom text annotations for the title, source, and a vaccination threshold marker. A separate `data.csv` file demonstrates the framework's flexibility with population data from multiple countries.

Sssingh175
96% 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
95% 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
95% 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
95% match
Loading thumbnail…

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

This scatter plot visualizes COVID-19 deaths in the US over time using rolling averages from the NY Times dataset. The chart displays dates on the x-axis and average deaths on the y-axis, with each point representing a daily observation. The visualization is built as a reusable D3 framework using the `scatterPlot` function, which leverages `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` from D3 6.7.0. The plot includes an annotated line marking when vaccination reached 30%, and is rendered as an SVG with custom styling.

Ssaidhiraj16
95% 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
94% match
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…

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

This scatter plot visualizes COVID-19 daily average deaths in the United States over time, using data from the New York Times rolling averages dataset. A single blue circle per date is rendered as an SVG path using d3.scaleTime, d3.scaleLinear, and d3.extent. The chart includes dual time axes for months and years, custom text labels, and a red annotation marking a vaccination threshold. The reusable framework is built with a closure-based d3 factory function that exposes chainable setter methods for configuration.

Ddas888530
94% match