Skip to main content
SimilarExport ZIP
100%

Coronavirus line chart

✓ Published1🌍 Public
YYedrup
Last edited Feb 7, 2021
Created on Feb 6, 2021

This chart shows the cumulative global death toll from COVID-19 over time, using a simple black line against a full-screen SVG. The data is loaded from the Johns Hopkins Coronavirus dataset and aggregated by day. It uses D3’s `scaleTime` and `scaleLinear` for the axes, a `line` generator for the path, and React to render the SVG element. The line is styled with a 5px stroke and no fill, emphasizing the overall curve of the pandemic’s mortality.

AI-generated description

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

See also:

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Line Chart

This line chart visualizes the cumulative global death toll from the Johns Hopkins Coronavirus Dataset over time. The chart uses D3 v6 with React to load CSV data, transform it into daily sums, and render an SVG path via `scaleTime`, `scaleLinear`, and the `line` generator. The resulting graphic shows a single bold black curve tracing the death count across the entire dataset from its start to the present.

WWolfgang
96% match
Loading thumbnail…

Coronavirus line chart

This chart shows the global cumulative death toll from COVID-19 over time as a single black line on a logarithmic scale, with gridlines and labeled axes for Time and Cumulative Deaths. It uses d3.scaleLog for the y-axis and d3.scaleTime for the x-axis, with d3.line generating the SVG path from data fetched from a Johns Hopkins CSSE CSV via d3.csv. Aerial labels and tick marks are rendered by custom React components (XAxis, YAxis) invoking d3.axisBottom and d3.axisLeft.

AAndrea Picciau
94% match
Loading thumbnail…

Coronavirus Line Chart

The chart displays the cumulative global death toll from COVID-19 over time as a single black line, with a horizontal marker line indicating the 10,000-death threshold. Built with React and D3 v7, it uses `scaleTime` and `scaleLinear` to map dates and totals, while a `line` generator produces the SVG path. The data is fetched from the CSSE COVID-19 time series CSV, aggregated daily by summing deaths across all countries.

Ccynichole
94% match
Loading thumbnail…

Basic Coronavirus Line Chart

This chart shows the global cumulative death total from COVID-19 over time, using a single black line that rises across the viewport. The line is generated with `d3.line()` and scaled using `d3.scaleTime()` for dates and `d3.scaleLinear()` for death counts. Data comes from the CSSE COVID-19 time series CSV, aggregated by summing daily country reports. Rendering is done through React with an SVG `<path>` element, styled with a 10-pixel stroke.

OOleg Zhernovoy
94% match
Loading thumbnail…

Coronavirus Line Chart

A line chart tracks cumulative global COVID-19 deaths over time, using a black, five-pixel-wide path scaled to the full window. A horizontal marker at four million deaths and a vertical “now” marker at the latest date highlight key thresholds. The visualization is built with React components and D3 v7, using `scaleTime`, `scaleLinear`, and `line` for the path, plus `axisBottom` and `axisLeft` for gridlines. Data comes from a CSV of Johns Hopkins global death counts, aggregated by day and rendered as SVG.

AAlex Stulov
94% match
Loading thumbnail…

Coronavirus line chart - global deaths

A line chart tracks cumulative global COVID-19 deaths over time, using data from the Johns Hopkins Coronavirus Dataset. The chart plots dates on a time scale and death totals on a linear scale, with a horizontal marker line highlighting the 500,000-death threshold. Built with React and D3 v5, the visualization uses `scaleTime`, `scaleLinear`, and `line` from d3 to generate an SVG path, while `csv` and `timeParse` handle data loading and date parsing.

YYedrup
94% match
Loading thumbnail…

Coronavirus Basic line Chart

This line chart visualizes global COVID-19 death totals over time, using a time-series dataset from the CSSE at Johns Hopkins. It plots a single black path generated with d3.line, with axes built via d3.axisBottom and scaleTime/scaleLinear. React manages the SVG rendering, while d3-selection updates the axis. Two marker lines highlight the current date and the six-million-death threshold, styled with CSS classes in the accompanying stylesheet.

Vvmonney
93% match
Loading thumbnail…

Line Chart of Coronavirus data

This line chart visualizes the cumulative global death toll from COVID-19 over time. The chart uses a time-scaled x-axis and a linear y-axis, with data aggregated from the CSSE at Johns Hopkins. Built with React and D3 v7, the code constructs the chart using D3's scaleTime, scaleLinear, and line generators, while axes are rendered as SVG components using axisBottom and axisLeft, complete with grid lines.

BBlake McCarty
93% match