Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
HHarshit-Prasad
Last edited Apr 18, 2023
Created on Apr 18, 2023

A reusable D3 scatter plot framework displays COVID-19 death rolling averages across the United States over time, sourced from NY Times data. The SVG visualization uses d3.scaleTime and d3.scaleLinear to map dates and values, with d3.axisBottom and d3.axisLeft rendering month, year, and numeric tick labels. Custom title annotations mark the vaccination milestone at 30%, while the code demonstrates a modular chart factory pattern with getter/setter methods for width, height, data, and margins, following the Towards Reusable Charts paradigm.

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 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
96% 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
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

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 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 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 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