Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
BBen Brophy
Last edited Jan 7, 2022
Created on Jan 7, 2022

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.

AI-generated description
MIT Licensed

Similar vizzes

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
95% 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
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 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 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
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
94% match
Loading thumbnail…

Coronavirus Line Chart with 10,000 Marker Line

A line chart shows the global cumulative death toll from COVID-19 over time, with a horizontal marker line highlighting the threshold of 10,000 deaths. The chart uses D3 v5's `scaleTime`, `scaleLinear`, and `line` to generate the path, while React renders the SVG. The X axis maps dates parsed with `timeParse`, and the Y axis deaths from the CSSE global time-series CSV. Styling uses black strokes, with the marker line drawn as a separate SVG `<line>` element. The visualization waits for the remote data to load before drawing.

MMichael Bruno
94% match
Loading thumbnail…

Coronavirus Basic Line Chart With 10,000 Marker Line

This example visualizes the global cumulative COVID-19 death toll over time, with a horizontal marker line at the 10,000-death threshold. The line chart uses React and D3 v5, employing `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to render the SVG path. Data is fetched as CSV from the CSSEGISandData COVID-19 repository and transformed with `d3.csv` and `d3.timeParse`. The marker line is drawn as an SVG `<line>` element at the y-axis position corresponding to 10,000 deaths, highlighting the pandemic's early growth milestone.

CCurran Kelleher
94% match