Covid-19 Cases from 2020 to 2023

Covid-19 Cases from 2020 to 2023

A line chart tracks daily Covid-19 cases in the United States from 2020 to 2023, using data from the New York Times GitHub repository. The visualization, built with D3 v7 and SVG, employs `d3.scaleTime` and `d3.scaleLinear` to map dates and case counts, with `d3.line` generating the trend curve. Axes are formatted with quarterly month ticks and abbreviated counts, while gridlines and labeled axes clarify the temporal and numerical scales.

Xxiaojingwu138

89% match

Line Chart Covid19 Data

This line chart displays cumulative COVID-19 cases in the United States over time, using data from the New York Times GitHub repository. The visualization plots dates on the x-axis and case counts on the y-axis, with a thick red line connecting data points. It is built with D3.js v6, using `d3.csv` for data loading, `d3.timeParse` for date formatting, and `d3.scaleTime` and `d3.scaleLinear` for the axes. The line is rendered as an SVG path via `d3.line`, with axis labels and a title added as SVG text elements.

BBrian Gilmore

82% match

Covid-19 Cases Analysis

This interactive narrative visualization analyzes U.S. COVID-19 cases across three scenes. It shows total case trends per day, state-level comparisons, and case distribution on a map. The line charts use d3.line and d3.scaleTime to plot confirmed and death cases, with interactive navigation between scenes via HTML links. Data is loaded from external CSV files using d3.csv, and rendered as SVG elements. The visualization employs a slideshow structure with drill-down capabilities, allowing exploration of trends over time from January to May 2020.

Xxiaojingwu138

COVID-19 US Interactive

This interactive line chart displays the rolling seven-day average of COVID-19 cases in the United States over time. The visualization uses React and D3 v6, with the data sourced from the New York Times’ public COVID-19 repository. The chart plots dates on the x-axis and average cases on the y-axis, rendered as an SVG using custom `AxisBottom`, `AxisLeft`, and `Marks` components. Hovering over data points triggers a `Tooltip` showing the formatted value. The code leverages D3’s `scaleTime`, `scaleLinear`, and `csv` for data parsing and scaling.

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.

Covid-19 Cases Analysis

This interactive narrative visualization analyzes U.S. COVID-19 case trends across multiple scenes, beginning with a line chart of total confirmed cases from January to May 2020, followed by state-level comparisons and a geographic distribution map. The first scene uses D3 v7 with `d3.select`, `d3.csv`, `d3.timeParse`, and `d3.line` to render an SVG line chart, plotting dates against confirmed case counts from a public COVID-19 dataset. The visualization employs a slideshow navigation format with interactive elements for exploring different data aspects.

Xxiaojingwu138

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

80% match

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.