Skip to main content
SimilarExport ZIP
100%

Coronavirus Linear Y Axis

✓ Published1🌍 Public
AAndre J Denais
Last edited Dec 30, 2020
Created on Dec 30, 2020

A single red line traces the cumulative global death toll from COVID-19 over time on a linear y-axis, with a marker line and label indicating the one-million death milestone and a vertical “now” marker at the latest date. Built with React and D3 v6, the chart uses `scaleTime` and `scaleLinear` for axes, `line` for the path generator, and `axisBottom`/`axisLeft` for tick rendering. Data comes from a global time-series CSV of deaths provided by the CSSEGISandData repository, summed across countries per day.

AI-generated description

straight covid

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Linear Y Axis

A line chart displaying cumulative global COVID-19 deaths over time, with a red marker line at the 1 million death threshold. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` to map dates and death totals, with `line()` generating the SVG path. Data comes from the John Hopkins Coronavirus dataset, aggregated by summing daily death totals across all countries. Gridlines from `axisBottom` and `axisLeft` provide reference, while the marker annotations label the 1M threshold and its corresponding date.

CChris Briggs
96% match
Loading thumbnail…

Coronavirus Linear Y Axis

A line chart displaying cumulative global COVID-19 deaths over time, with a red marker line at the 1 million death threshold. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` to map dates and death totals, with `line()` generating the SVG path. Data comes from the John Hopkins Coronavirus dataset, aggregated by summing daily death totals across all countries. Gridlines from `axisBottom` and `axisLeft` provide reference, while the marker annotations label the 1M threshold and its corresponding date.

CChris Briggs
96% match
Loading thumbnail…

Coronavirus Linear Y Axis

This chart shows global COVID-19 deaths over time on a linear y-axis, using a single bold black line to trace cumulative totals from COVID-19 data aggregated from the CSSE Johns Hopkins repository. The chart includes gridlines from both the d3.axisBottom and axisLeft components, with SVG marker lines and labels indicating the current date and the one-million-death threshold. The React component structure uses d3.scaleTime and d3.scaleLinear for positioning, while d3.line generates the path, with axes and markers rendered as separate modular components.

KKevin McMorrow
94% match
Loading thumbnail…

Coronavirus Linear Y Axis

A line chart plots cumulative global COVID-19 deaths over time on a linear y-axis, with red reference lines marking the current date and the three-million-death threshold. The visualization uses D3 v5 axes and scales within a React component, rendering an SVG with labeled gridlines. Data is loaded from the CSSEGISandData COVID-19 time series CSV, and the chart updates dynamically as the dataset grows.

Ee-ines
94% match
Loading thumbnail…

Coronavirus Linear Y Axis - no mark lines

This chart visualizes the cumulative death toll of the COVID-19 pandemic over time using a linear y-axis. It shows the steady increase of global deaths from the start of the pandemic to the present, with the data sourced from a CSV file provided by the CSSE at Johns Hopkins University. The visualization is built with React and D3 v5, leveraging `scaleTime`, `scaleLinear`, `line`, and `axisBottom`/`axisLeft` to render the axes and the thick black data path. The code includes commented-out marker line components, which are not actively used in the final rendering.

Ee-ines
94% match
Loading thumbnail…

Coronavirus Linear Y Axis

This example shows the global cumulative death toll from COVID-19 over time as a single black line on a full-screen SVG chart. The y-axis uses a linear scale, with explicit reference markers for the 1,000,000-death threshold. Built with React and D3 v5, the visualization loads data from the CSSE COVID-19 time-series CSV and uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to generate the path, while custom axis components render gridlines via `d3.axisBottom` and `d3.axisLeft`.

RRMartins11
94% match
Loading thumbnail…

Coronavirus Linear Y Axis

This chart visualizes global COVID-19 death totals over time using a linear Y axis, with a black line path showing the cumulative deaths and gridlines from D3 axes. The example uses React and D3 v6, with `scaleTime`, `scaleLinear`, and `line` from d3 to generate the SVG path, while `axisBottom` and `axisLeft` render the tick marks. Data comes from the Johns Hopkins Coronavirus Dataset, loaded via `csv` and transformed with `timeParse`. Marker line components display a vertical reference at a specific date and a horizontal “1M” threshold.

WWolfgang
94% match
Loading thumbnail…

Coronavirus Linear Y Axis

This example shows the global cumulative death toll from COVID-19 over time using a linear y-axis scale, plotted as a single thick black line in an SVG. It loads time-series data from the Johns Hopkins CSSE GitHub repository, transforming daily columns into date and death-total pairs. The chart uses React with D3 v7’s `scaleTime` and `scaleLinear`, along with `axisBottom` and `axisLeft` for gridlines. A marker line and label indicate the most recent date, while another marker at 5,000,000 deaths provides a reference point on the y-axis.

TThomas Cormican
94% match