Skip to main content
SimilarExport ZIP
100%

Covid-19

✓ Published0🌍 Public
Ssmile2git
Last edited Jun 16, 2021
Created on Jun 12, 2021

This chart displays the cumulative global COVID-19 death toll over time using a smooth line and points, with markers highlighting the latest date and the 10,000-death threshold. Built with React and D3 v5, it loads data from a CSV via `d3.csv`, aggregates daily totals, and renders an SVG with `scaleTime`, `scaleLinear`, `line().curve(curveNatural)`, and custom axes that include dashed reference lines.

AI-generated description

Loading data with React and D3, created based on Practice for Mouse Follower with React Loads data use d3 and use React state to keep track of the data

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid-19 with live data

This visualization displays global Covid-19 death totals over time as a smooth, logarithmic line chart, with tooltips on hovered points and dashed marker lines at 10,000 deaths and the latest date. It loads live time-series data from the CSSE at Johns Hopkins via `d3.csv`, aggregates daily global totals, and renders with React components using `d3.scaleTime`, `d3.scaleLog`, `d3.line` with `curveNatural`, and SVG axes from `d3.axisBottom` and `d3.axisLeft`. The chart updates responsively to the browser window size.

Ssmile2git
91% match
Loading thumbnail…

Covid-19 death by country

A multi-line chart displays cumulative COVID-19 deaths over time for each country, with a logarithmic y-axis and a dashed reference line marking a specific death count. The visualization loads data from a GitHub-hosted CSV via `d3.csv`, flattens the country time series, and renders SVG paths using `d3.line` with `curveNatural`. React manages the component structure, while `d3.scaleTime`, `d3.scaleLog`, and axis generators handle positioning and tick formatting.

Ssmile2git
90% match
Loading thumbnail…

COVID-19 Line Chart

This line chart visualizes the cumulative global death toll from COVID-19 over time, using a single black path that rises sharply as the pandemic progresses. A horizontal marker line at the 1,000,000 death threshold is labeled with the corresponding value. The visualization is built with React and D3 v6, using `scaleTime` and `scaleLinear` to map dates and death totals, and a `line` generator to create the path. Data comes from the CSSEGISandData COVID-19 time series CSV, loaded via `d3.csv`, and is rendered as SVG inside a `<g>` element with explicit margins.

LLaura Johnson
90% 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
90% match
Loading thumbnail…

coronavirus Line Chart Practice

This example shows the global cumulative death toll from COVID-19 over time as a single black line chart, with horizontal and vertical marker lines highlighting the 10,000-death threshold and the latest date. Built with React and D3 v5, it uses `d3.csv` to load time-series data from the CSSE COVID-19 dataset, `scaleTime` and `scaleLinear` for axes, and `d3.line` to generate the path. The SVG is rendered directly via React components, while `d3.axisBottom` and refs are used to draw the x-axis.

AAmnaRizvi-S
89% match
Loading thumbnail…

Covid Global Deaths Line Chart

This chart displays cumulative global COVID-19 deaths over time as a single black line, with green marker lines highlighting both the current date ("Now") and a death total of 2.5 million. The React component uses d3.scaleTime and d3.scaleLinear to map dates and death counts to SVG coordinates, while d3.line generates the path. Axes are rendered via d3.axisBottom, and data comes from a global CSV time-series file aggregated by summing country values.

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

Gráfico Linear Covid19

This line chart visualizes the cumulative global death toll from COVID-19 over time, using data from the CSSE COVID-19 time series. The React component renders an SVG path with d3.line, scaling dates with d3.scaleTime and death totals with d3.scaleLinear. The code fetches CSV data via d3.csv, parses dates with timeParse, and sums daily deaths across all countries in useData.js. The chart fills the browser window with a black stroke on the path.

AAlan Santos
89% match