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

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

This animated scatter plot visualizes COVID-19 case and death averages across the United States using New York Times rolling-averages data. The D3.js chart transitions between two y-axis metrics—deaths_avg and cases_avg—on a timed interval, with circles positioned by date and value. It uses d3.scaleTime, d3.scaleLinear, d3.axisBottom, and d3.axisLeft, with transitions updating circle positions and axis labels. SVG rendering displays the full timeline with monthly and yearly tick formats, while the reusable scatterPlot function follows the Towards Reusable Charts pattern.

96% match

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

This animated scatter plot visualizes COVID-19 deaths and cases in the United States using New York Times rolling averages data. The visualization alternates between displaying average cases and average deaths on the y-axis every 2.4 seconds, with each data point representing a date. Built with D3 v6, the reusable chart uses `scaleTime` and `scaleLinear` for axes, `axisBottom` with `timeFormat` for month and year labels, and `transition()` with staggered delays for smooth circle repositioning. SVG rendering displays the full timeline with circles growing from radius zero via `transition.attr('r', radius)`.

95% match

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

This animated scatter plot displays COVID-19 death and case averages across the United States over time, using rolling data from the New York Times. The visualization toggles between deaths and cases every 2.4 seconds, smoothly transitioning circles along the y-axis while the x-axis remains a time scale. Built with reusable D3.js chart components, the code leverages `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the SVG. A `transition` with staggered delays animates circle positions, while `d3.csv` loads the NYT rolling-averages dataset directly from GitHub.

95% match

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

94% match

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.

Sserebryanaya.n@gmail.com

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.

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

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

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.