Coronavirus Line Chart With 1M Marker

100%

Coronavirus Line Chart With 1M Marker

✓ Published1🌍 Public

Last edited Nov 19, 2021

Created on Nov 19, 2021

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.

AI-generated description

A line chart for John Hopkins Coronavirus Dataset with marker line at 1 million deaths.

MIT Licensed

Similar vizzes

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

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

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 with Marker Line

This visualization displays global COVID-19 death totals over time as a single bold line, with a horizontal marker line highlighting the one-million-death threshold. The React component uses d3.scaleTime and d3.scaleLinear to map dates and cumulative deaths to SVG coordinates, while d3.line generates the path. Data comes from the CSSEGISandData COVID-19 time-series CSV, loaded via d3.csv and aggregated daily. The marker line is a static SVG `<line>` positioned using the y-scale’s output for one million deaths.

RRMartins11

94% match

Loading thumbnail…

Coronavirus Line Chart

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.

BBen Brophy

94% match

Loading thumbnail…

Coronavirus Line Chart with Marker Line

This line chart displays the global cumulative COVID-19 death toll over time from the Johns Hopkins dataset, with a vertical marker line at the current date and a horizontal marker line at the one-million-death threshold. The visualization uses React to render an SVG path generated by d3.line, with d3.scaleTime and d3.scaleLinear mapping dates and death totals. Marker lines are drawn as separate React components (XMarkerLine, YMarkerLine) using d3 scales for positioning, while the data is loaded and parsed via d3.csv.

KKtuzinowski

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 Basic Line Chart with 1,000,000 line

This example displays cumulative global COVID-19 death totals as a simple black line chart, with a horizontal marker indicating the one-million-death threshold. The React component uses d3.scaleTime and d3.scaleLinear to map dates and counts, while d3.line generates the SVG path from the Johns Hopkins CSSE time-series dataset. A static `<line>` element highlights the million-death milestone.

AAndre J Denais

93% match