Skip to main content
SimilarExport ZIP
100%

Global Coronavirus Deaths

✓ Published0🌍 Public
Ppatasky
Last edited Jun 29, 2021
Created on Jun 29, 2021

This chart shows global coronavirus deaths over time, with a marker line highlighting the most recent date and another marking the 10,000 death milestone. The line path is generated using d3.line with time-scaled x-values and linear-scaled y-values. Data is loaded as CSV from the CSSEGISandData COVID-19 repository via d3.csv and aggregated per day. The visualization is built with React components, using d3.scaleTime, d3.scaleLinear, and d3.axisBottom, rendered as SVG with custom marker line elements.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

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

Global Coronavirus Deaths

This chart shows the cumulative global death toll from COVID-19 over time, with a horizontal marker line at the one-million-death milestone and a vertical marker at the most recent date. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and `line` to render an SVG path. Data comes from the CSSE COVID-19 time series, and the axes are drawn with `axisBottom` and custom marker components.

Oo-n-e
92% match
Loading thumbnail…

Global Coronavirus Deaths Graph

A line chart tracks global cumulative COVID-19 deaths over time, using a black path for the trend and gray gridlines. A horizontal marker highlights the 5 million death milestone, while a vertical marker at the most recent date labels the final data point. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLinear`, and `line` to map the data from a CSSE time-series CSV, rendered as SVG.

Jjulesgentry
91% 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
91% 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
90% match
Loading thumbnail…

Fork of Global Coronavirus Deaths

This line chart shows the cumulative global death toll from COVID-19 over time, with a horizontal marker at 10,000 deaths and a vertical marker at the most recent date. The visualization uses React with d3.v5’s `scaleTime`, `scaleLinear`, and `line` generator to render an SVG path, while `XAxis` and marker components draw reference lines. Data comes from the Johns Hopkins Coronavirus Dataset, aggregated daily by summing deaths across all countries. The chart fills the entire browser window and updates as new data is loaded.

MMarilyn Waldman
90% 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
90% match
Loading thumbnail…

Fork of Global Coronavirus Deaths

This chart displays the total number of global COVID-19 deaths over time, using a line chart that spans the width and height of the browser window. The data, sourced from the Johns Hopkins Coronavirus Dataset, is aggregated daily by summing all reported deaths. The visualization includes horizontal and vertical marker lines at the 10,000-death threshold and the most recent date, respectively. Built with React and D3 v5, it uses D3’s `scaleTime`, `scaleLinear`, `line`, and `axisBottom` functions to render SVG elements dynamically.

Ssultanmirzapydev
90% match