Gist e0c20ebd1a02c26b7fe55db65c38a30e

COVID-19 Deaths in US Interactive

A COVID-19 deaths scatter plot for the United States renders the NY Times rolling-averages dataset as an interactive SVG visualization. The chart, built with React and D3 v6, uses d3.scaleTime and d3.scaleLinear to map dates against the seven-day average death count. It displays axes via d3.axisLeft and d3.axisBottom, with labeled annotations for the country title, y-axis, and vaccination threshold. The reusable chart pattern from "Towards Reusable Charts" is implemented through configurable accessor functions, while the data loads asynchronously from a CSV URL and updates circle elements via selection.join.

76% match

Multiplot COVID-19 impact on health of US population

This multiplot visualization tracks the impact of COVID-19 on the US population by displaying daily case and death averages as a scatter plot, rendered with D3’s scaleTime and scaleLinear functions. Users can switch between cases and deaths via a dropdown menu, which triggers smooth transitions on circle positions. The data comes from the New York Times rolling-averages dataset, featuring an animated reveal of points and dual month/year axes. A second, commented-out chart uses Our World in Data to show vaccination percentages, though it remains inactive.

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

75% match

COVID-19 impact on health of US population

This interactive scatter plot visualizes COVID-19 impact on the US population, charting national rolling averages of cases and deaths over time since the pandemic began. Users can switch the y-axis metric between cases, deaths, and per-capita values via a dropdown menu built with D3’s dispatch system. The visualization uses d3.scaleTime and d3.scaleLinear to map dates and health indicators, with animated circle transitions handled through d3.transition. Data comes from the NY Times COVID-19 rolling averages dataset.

Fork of Multiplot COVID-19 impact on health of US population

This fork of a multiplot visualization shows the impact of COVID-19 on the US population, plotting daily case and death averages over time using data from The New York Times. A second chart displays vaccination rates from Our World in Data, with both plots rendered as SVG scatter plots using D3’s `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs. Interactive dropdown menus, built with D3 dispatch, let users toggle between case and death metrics, while animated transitions update circle positions and chart titles.

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

COVID line chart

This chart displays the total number of COVID-19 deaths in the United States over time as a black line on a yellow background. It uses React and D3 v5 scales, including `scaleTime` and `scaleLinear`, with a `line` generator to plot the data from the CSSE COVID-19 time series. A horizontal marker line at 900,000 deaths and a corresponding label are drawn using SVG elements within the chart’s margin-based layout.

CCatalina Vajiac