Skip to main content
SimilarExport ZIP
100%

Coronavirus Deaths Cross 10,000

✓ Published2🌍 Public
CCurran Kelleher
Last edited Mar 21, 2020
Created on Mar 21, 2020

This chart plots the cumulative total of coronavirus deaths over time, with a horizontal marker line highlighting the moment deaths crossed 10,000. The React component uses D3 scales (`scaleTime`, `scaleLinear`) and a `line` generator to render an SVG path. Vertical and horizontal marker lines, with labels, are built as React subcomponents. Data comes from the Johns Hopkins COVID-19 time-series CSV, which is loaded and transformed with `csv` and `timeParse`.

AI-generated description

Line chart of Coronavirus cases to date. Data from Johns Hopkins Coronavirus Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Basic Line Chart With 10,000 Marker Line

This chart shows the total number of COVID-19 deaths over time as a single black line, with a horizontal reference line marking the 10,000-death threshold and a label for that value. Built with React and D3 v5, the code uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` to generate the path, and `d3.extent`, `d3.max`, and `d3.csv` to fetch and parse the Johns Hopkins time-series dataset. The SVG rendering uses a `<path>` element for the line and a `<line>` for the marker, with styling applied through CSS.

CCurran Kelleher
90% match
Loading thumbnail…

Fork of Coronavirus Deaths Cross 10,000

A line chart tracks the cumulative global death toll from COVID-19 over time, using a black stroke on an SVG rendered through React and D3 v5. The chart displays a dashed horizontal marker at one million deaths and a vertical marker at the most recent date, labeled “now.” Data comes from the Johns Hopkins Coronavirus dataset, loaded via `d3.csv` and aggregated by summing daily totals across countries. Axes are generated with `d3.axisBottom`, while scales and the line path are built using `scaleTime`, `scaleLinear`, and `d3.line`.

KKonJoDot
89% match
Loading thumbnail…

Coronavirus Basic Line Chart With 10,000 Marker Line

This line chart displays the global cumulative death toll from COVID-19 over time, using data from the Johns Hopkins Coronavirus Dataset. A horizontal marker line at 10,000 deaths highlights the threshold, with a labeled “10,000” text at the left edge. The visualization is built with React and D3 v5, using `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to generate the SVG path and axes. The marker line is drawn as a separate SVG `<line>` element, with the y-coordinate computed via the linear scale.

Zzhangwbhi
89% match
Loading thumbnail…

Global Coronavirus Deaths

This line chart visualizes global cumulative coronavirus deaths over time, with data from the Johns Hopkins Coronavirus Dataset. The y-axis includes a horizontal marker line at 10,000 deaths, while the x-axis features a vertical marker at the most recent date. Built with React and D3 v5, it uses `d3.scaleTime` for the time axis, `d3.scaleLinear` for the death count, and `d3.line` to generate the path. The chart is rendered as SVG, with axes and labels styled via CSS.

CCurran Kelleher
89% 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
89% match
Loading thumbnail…

Fork of Global Coronavirus Deaths

This line chart visualizes global cumulative coronavirus deaths over time, with a horizontal marker highlighting the 10,000-death threshold and a vertical marker indicating the most recent date. The chart loads data from the Johns Hopkins COVID-19 dataset using d3.csv, transforms it with timeParse and reduce, and renders via d3.scaleTime, scaleLinear, and line generators in an SVG. A React component structure manages the state, while d3.axisBottom and custom marker components add reference lines.

WWalkramis
89% 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
89% match
Loading thumbnail…

Coronavirus Line Chart with 10,000 Marker Line

This visualization shows the cumulative global death toll from COVID-19 over time as a single black line chart, with a horizontal marker line highlighting the point at which 100,000 deaths were reached. The chart uses React to manage the SVG rendering, while D3 v6 functions like `scaleTime`, `scaleLinear`, `extent`, and `line` compute the scales and path geometry. The data is fetched live from the CSSEGISandData GitHub repository’s time-series CSV and aggregated by summing daily deaths across all countries. The full-viewport SVG is drawn with a stroke-width of 4 for the main path and a thinner line for the fixed threshold.

PPeter Krevenets
88% match