Coronavirus Basic Line Chart with 1,000,000 line

100%

Coronavirus Basic Line Chart with 1,000,000 line

✓ Published1🌍 Public

Last edited Dec 16, 2020

Created on Dec 14, 2020

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.

AI-generated description

straight covid

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Basic Line Chart with 1,000,000 Marker Line

This line chart displays the cumulative global death toll from COVID-19 over time. A horizontal marker line at 1,000,000 deaths and a vertical marker at the most recent date highlight key thresholds. The chart uses D3’s `scaleTime`, `scaleLinear`, and `line` to generate the SVG path from the CSSE COVID-19 time-series data, while React renders the visual and the custom `YMarkerLine` and `XMarkerLine` components draw the annotations.

BBen Brophy

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

This example shows the global cumulative death toll from COVID-19 over time, plotted as a basic line chart with two prominent marker lines. A horizontal line at the 1,000,000 death mark and a vertical line at the most recent date provide reference points against the black trend line. The chart uses React and D3 v6, leveraging `scaleTime` and `scaleLinear` for axes, `line()` for the path generator, and data from the CSSEGISandData COVID-19 GitHub repository. The visualization is rendered as an SVG, filling the entire browser window.

AAndre J Denais

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

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

93% match

Loading thumbnail…

Coronavirus Line Chart with D3 Axis

This chart visualizes global COVID-19 death totals over time using a line path, with a horizontal marker at the 1 million death threshold and a vertical marker at the most recent date. The React component uses D3 scales (scaleTime, scaleLinear) and a line generator to map the Johns Hopkins dataset, while custom XAxis and marker components render grid lines and labels. SVG output displays the path with a bold black stroke, styled tick marks, and formatted date labels.

WWolfgang

93% match

Loading thumbnail…

Coronavirus Basic Line Chart with 1,000,000 Marker Line with React + d3 axes

This example shows the global death toll from COVID-19 as a line chart over time, with a horizontal marker at one million deaths and a vertical marker at the most recent date. The chart uses d3.scaleTime and d3.scaleLinear to map dates and death totals to SVG coordinates, while d3.line generates the path. React components wrap the axes, created with d3.axisBottom, and custom marker lines highlight key thresholds. Data is loaded from the CSSE COVID-19 time series CSV and aggregated by summing daily totals across all countries.

BBen Brophy

93% match