Skip to main content
SimilarExport ZIP
100%

Coronavirus Line Chart

✓ Published1🌍 Public
BBen Brophy
Last edited Jan 7, 2022
Created on Jan 7, 2022
Forked from Smiley Face Part 1

This line chart visualizes the global cumulative COVID-19 death total over time, using a simple black line against a white background. A horizontal marker line highlights the point at which deaths reach one million. The visualization is built with React and D3 v7, using `scaleTime`, `scaleLinear`, and `line` to render an SVG path from a CSV dataset provided by the Johns Hopkins CSSE GitHub repository. The chart updates responsively to fill the full browser window.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Line Chart

A line chart tracks cumulative global COVID-19 deaths over time, using a black, five-pixel-wide path scaled to the full window. A horizontal marker at four million deaths and a vertical “now” marker at the latest date highlight key thresholds. The visualization is built with React components and D3 v7, using `scaleTime`, `scaleLinear`, and `line` for the path, plus `axisBottom` and `axisLeft` for gridlines. Data comes from a CSV of Johns Hopkins global death counts, aggregated by day and rendered as SVG.

AAlex Stulov
95% match
Loading thumbnail…

Coronavirus Line Chart with Marker Line

A line chart visualizes the global cumulative total of COVID-19 deaths over time, with a horizontal marker line positioned at one million deaths. The chart uses React to render an SVG, with scales and line generation handled by d3.scaleTime, d3.scaleLinear, and d3.line. The data comes from a CSV file provided by the COVID-19 Data Repository at Johns Hopkins University, loaded via d3.csv and transformed by grouping daily death totals.

Ffjvoris
95% match
Loading thumbnail…

Coronavirus Line Chart w/ 1M Marker

This chart depicts the cumulative global death toll from COVID-19 over time, using data from the Johns Hopkins Coronavirus Dataset. A thin horizontal line marks the point where deaths reach one million, while a thick black path traces the rising trend. The visualization is built with React and D3 v6, using `scaleTime`, `scaleLinear`, and `line` to generate an SVG path. Data is loaded via `d3.csv` and processed by summing daily country-level death counts.

AAnthony Ynami
95% match
Loading thumbnail…

Coronavirus Line Chart With 1M Marker

A line chart tracks cumulative COVID-19 deaths worldwide over time, using data from the Johns Hopkins Coronavirus Dataset. A horizontal black marker line highlights the point where total deaths reach one million. The visualization is built with React and D3 v5, employing `scaleTime`, `scaleLinear`, and `line` to generate the SVG path, while a separate `<line>` element marks the one-million death threshold. Data is loaded via `csv` and transformed by summing daily death totals across all countries.

CChris Briggs
94% match
Loading thumbnail…

Coronavirus Line Chart

The chart displays the cumulative global death toll from COVID-19 over time as a single black line, with a horizontal marker line indicating the 10,000-death threshold. Built with React and D3 v7, it uses `scaleTime` and `scaleLinear` to map dates and totals, while a `line` generator produces the SVG path. The data is fetched from the CSSE COVID-19 time series CSV, aggregated daily by summing deaths across all countries.

Ccynichole
94% match
Loading thumbnail…

Coronavirus Line Chart with Marker Lines Part I

This line chart displays global cumulative COVID-19 deaths over time from the Johns Hopkins dataset, with a horizontal marker line at the one-million-death threshold. The React component uses D3 v6 functions `scaleTime`, `scaleLinear`, `extent`, `max`, and `line` to construct an SVG path. Data loading relies on `csv` and `timeParse` to transform daily country-level death counts into aggregated totals. The marker line is drawn as an SVG `<line>` element, while the path is unstyled except for a black stroke defined in the page’s CSS.

WWolfgang
94% match
Loading thumbnail…

Coronavirus Line Chart with 1M marker line

This chart shows the global cumulative COVID-19 death toll over time, with a horizontal marker line at the one-million-death threshold. The line chart uses d3.scaleTime for dates, d3.scaleLinear for deaths, and d3.line to generate the path. A horizontal `line` element is positioned using the y-scale’s value for 1,000,000. Data comes from the CSSE COVID-19 time series CSV, aggregated daily across all countries, and renders as an SVG in a React component.

KKevin McMorrow
94% match
Loading thumbnail…

Coronavirus Basic Line Chart With 5,000,000 Marker Line

This chart shows the global cumulative COVID-19 death toll over time, rendered as a black line that climbs steadily across the full window. A horizontal marker line at 5,000,000 deaths highlights when the total crossed that threshold. Built with React and D3 v7, it uses `scaleTime` and `scaleLinear` to map dates and death totals, while `line()` generates the SVG path from data fetched from the CSSE COVID-19 time series. The marker line is a simple SVG `<line>` positioned via the y-scale.

KK3zter
94% match