Skip to main content
SimilarExport ZIP
100%

CoronaVirus Line Chart

✓ Published1🌍 Public
33ssalunke
Last edited Mar 9, 2021
Created on Mar 8, 2021

A line chart displays the cumulative global death toll from COVID-19 over time, based on data from the CSSE at Johns Hopkins University. The chart marks the most recent date with a vertical “now” line and highlights thresholds at one and two million deaths with horizontal reference lines. Built with React and D3 v5, the visualization uses `scaleTime` and `scaleLinear` for axes, and `d3.line` to generate the SVG path from a dataset transformed from CSV by summing daily death totals across all countries.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.

MIT Licensed

Similar vizzes

Loading thumbnail…

CoronaVirus Line Chart

This visualization displays the global cumulative death toll from COVID-19 over time as a single black line chart. It uses a React component with D3 v5 scales (`scaleTime`, `scaleLinear`) and a `line` generator to plot data from the JHU CSSE COVID-19 time series dataset. Dashed horizontal markers label key thresholds (10,000 to 2,000,000 deaths) via a custom `YMarkerLine` component, which draws SVG `<line>` elements and formatted text labels. The chart fills the browser window and updates when new data is loaded.

AAmir
95% match
Loading thumbnail…

Corona Virus Line Chart

This line chart visualizes the cumulative death toll from COVID-19 over time, with a single black line tracing the global trend. A horizontal marker at 10,000 and a vertical marker at the latest date provide visual reference points. Built with React and D3 v7, the chart uses `scaleTime`, `scaleLinear`, and a `line` generator to plot data from a CSSE GitHub CSV. The SVG rendering includes custom marker components for the annotations, and data is loaded asynchronously via `d3.csv`.

SSerind Joshua McCue
94% match
Loading thumbnail…

CoronaVirus Line Chart with Axis

The chart shows the global cumulative death total from the COVID-19 pandemic over time, using a line path drawn with D3 v5’s `line` generator and scales from `scaleTime` and `scaleLinear`. Horizontal markers at 10,000, 100,000, 500,000, 1,000,000, and 2,000,000 deaths are rendered as rudimentary y-axis gridlines with labels, and the x-axis is built with `axisBottom` and custom tick sizing. Data comes from the Johns Hopkins University CSSE time series CSV, fetched via `d3.csv`, and the visualization is implemented as a React component rendering an SVG.

AAmir
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…

Corona Virus Line Chart (React + D3 Axis)

This example visualizes the global cumulative death toll from COVID-19 over time as a single grey line chart. The visualization combines a React app for layout and component composition with D3 v5 utilities for scales and axis rendering. Data is fetched from a CSV maintained by the CSSE at Johns Hopkins, aggregated globally per day, with D3’s `csv` and `timeParse` handling ingestion. The chart uses D3’s `scaleTime` and `scaleLinear` for axes, `line` for the path, and `axisBottom` for the x-axis, while custom marker lines highlight the 5-million-death threshold and the final date.

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

Corona Virus Line Chart

A line chart tracks cumulative COVID-19 deaths over time, using a time-scaled x-axis and linear y-axis. The React component `LineChart` builds an SVG path via `d3.line`, `scaleTime`, and `scaleLinear`, while `useData` fetches the Johns Hopkins CSSE global deaths CSV and aggregates daily totals. The black, 15-pixel-wide stroke renders the full dataset at window dimensions.

MMichael Bergerson
93% match
Loading thumbnail…

Coronavirus Line Chart

This line chart displays the total global COVID-19 deaths over time, based on data from the CSSE at Johns Hopkins University. It includes a vertical marker at the most recent date and a horizontal reference line at 6.5 million deaths. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLinear`, and the `line` generator to render an SVG path. The CSV data is loaded and transformed with `d3.csv` and `timeParse`.

NNikita Toropov
93% match