Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
DDasbach.EJ
Last edited May 28, 2021
Created on May 28, 2021

Drawing on New York Times rolling COVID-19 data for the United States, this animated SVG scatter plot uses the reusable D3 chart pattern to toggle between average case and death counts every 2.4 seconds. It employs `d3.scaleTime` and `d3.scaleLinear` for axes, with `d3.transition` animating circle positions and y-axis label updates. The chart highlights the vaccination milestone at 30% and sources data from the NYT GitHub repository.

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

This animated scatter plot tracks COVID-19 deaths and case averages across the United States using a reusable D3 chart framework. The visualization cycles between two metrics every five seconds, transitioning circles smoothly along the time-based x-axis and linear y-axis. Data comes from the NY Times rolling averages dataset, rendered as SVG circles with a dual-axis format showing month labels and annual year markers. The chart uses D3 v6.7 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, and `transition` to handle the temporal updates and animated position changes.

Sserebryanaya.n@gmail.com
95% match
Loading thumbnail…

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

This interactive scatter plot animates COVID-19 rolling averages for the United States, toggling between case and death counts over time. It uses the D3.js library with `scaleTime` and `scaleLinear` for axes, `transition` for smooth animations, and `selectAll().join()` for incremental updates. The visualization cycles between metrics every 2.4 seconds, slowing updating circle positions with a staggered delay effect. Data comes from the NY Times rolling-averages CSV, rendered as SVG.

CCurran Kelleher
95% match
Loading thumbnail…

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

This chart plots daily COVID-19 deaths and case averages across the US using NY Times rolling-averages data. An animated scatter plot, it cycles between two metrics every 2.4 seconds, with circles updating smoothly via D3’s `transition`. The reusable framework, built with `scatterPlot.js`, leverages `scaleTime` and `scaleLinear` for axes, plus `axisLeft`, `axisBottom`, and `timeFormat` for labeling. SVG rendering and the `d3.select` API manage the dynamic visualization.

DDasbach.EJ
94% match
Loading thumbnail…

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

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.

HHarshit-Prasad
94% match
Loading thumbnail…

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

This fork of a D3 scatter plot animates US COVID-19 rolling averages. The chart plots time on the x-axis and cycles between two y-axis metrics, cases_avg and deaths_avg, with circles animating to new positions. It uses a reusable `scatterPlot` function with d3 `scaleTime` and `scaleLinear` scales, `axisLeft` and `axisBottom` axes, and transitions on circle positions. The data is loaded via d3 `csv` from the NYT rolling-averages repository.

Bbhanuteja1807@gmail.com
93% 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
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 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
93% match