Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
KKamilPodsiadlo
Last edited Jul 21, 2021
Created on Jul 21, 2021

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.

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

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

This visualization displays the rolling 7-day average of COVID-19 deaths across the United States from the New York Times dataset. A D3.js scatter plot maps dates on the x-axis against death averages on the y-axis, with labeled axes and a title. The code implements a reusable scatter plot framework using d3.scaleTime, d3.scaleLinear, d3.axisBottom, and d3.axisLeft, and renders the chart as an SVG that fills the browser window.

CCecilia831
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
95% 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

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 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
94% match