Fork of Global Coronavirus Deaths

100%

Fork of Global Coronavirus Deaths

✓ Published0🌍 Public

Last edited Sep 22, 2023

Created on Sep 22, 2023

This chart displays cumulative global COVID-19 deaths over time using data from the Johns Hopkins Coronavirus Dataset. A bold black line traces the daily total, with a dashed marker at the 10,000-death threshold and a vertical line highlighting the most recent date. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and `line` to generate an SVG path. The CSV data is fetched via `d3.csv` and transformed to sum deaths across all countries for each date.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Global Coronavirus Deaths

This line chart visualizes the cumulative global death toll from the COVID-19 pandemic over time, using data from the Johns Hopkins Coronavirus Dataset. A horizontal marker highlights when deaths reach 10,000, while a vertical marker labels the most recent date on the x-axis. Built with React and D3 v5, the visualization uses SVG rendering via `scaleTime`, `scaleLinear`, and `line` generators, with axes drawn using `axisBottom`. The chart pulls its data asynchronously from a CSV file fetched via D3’s `csv` function and transforms daily death counts into a date series.

Oo-n-e

95% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

This chart displays the cumulative global death toll from COVID-19 over time, using data from the Johns Hopkins Coronavirus Dataset. A black line traces the rising count, with a horizontal dashed marker highlighting the 10,000-death threshold and a vertical marker at the most recent date. Built with React, the visualization uses D3 v5 scales, line generator, and axes to render an SVG. The line chart is redrawn in fullscreen, with gridlines and labeled markers for reading key values.

JJean David

95% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

A line chart displays cumulative global COVID-19 deaths over time, using data from the Johns Hopkins Coronavirus Dataset. The chart maps dates to the x-axis and death totals to the y-axis via `scaleTime` and `scaleLinear`, with the line generated by `d3.line`. React components handle the SVG rendering, while `useData` fetches and transforms the CSV with `d3.csv` and `timeParse`. Reference marker lines are defined but not currently invoked.

Ssenilefork

95% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

This chart shows the global cumulative death toll from COVID-19 over time, using data from the Johns Hopkins Coronavirus Dataset. A thick black line traces the rising total from the first recorded deaths through the most recent date, with a horizontal marker at 10,000 deaths and a vertical marker at the final date. The visualization is built with React and D3 v5, using `scaleTime` and `scaleLinear` for axes, a D3 `line` generator for the path, and custom `XAxis`, `XMarkerLine`, and `YMarkerLine` components rendered as SVG.

Eevers-codeshop-ai

95% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

This line chart displays the global cumulative death toll from COVID-19 over time, based on data from the Johns Hopkins Coronavirus Dataset. The visualization plots daily death totals on a linear y-axis against a time-scaled x-axis using d3.scaleTime and d3.scaleLinear, with the line generated via d3.line. Reference lines mark the 10,000-death threshold and the most recent date, implemented through custom React components. The SVG rendering is handled with D3 v5 and React, styled with minimal CSS.

JJoldon

95% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

A line chart displays the global cumulative death toll from COVID-19 over time, based on the Johns Hopkins Coronavirus dataset. The chart plots daily total deaths with a black line, and includes a horizontal marker line at 10,000 deaths and a vertical marker at the most recent date, labeled with its formatted month and day. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and `line` to generate an SVG path, while custom `XAxis` and marker components render grid lines and labels.

Ooussama-chaabouni

95% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

This chart displays the global cumulative death toll from COVID-19 over time, using a line plot that rises sharply as cases escalate. A horizontal marker line highlights the 10,000-death threshold, 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` and `scaleLinear` for axes, `line` for the path, and custom React components for axis and marker rendering. The data comes from a pinned version of the Johns Hopkins Coronavirus dataset, loaded via `d3.csv` and transformed by summing daily death counts across all countries.

Nnexus1058

95% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

This line chart shows the global cumulative death toll from COVID-19 over time, using data from the Johns Hopkins Coronavirus Dataset. A marker line highlights when deaths reached 10,000, and a vertical marker notes the most recent date. Built with React and D3 v5, the visualization uses `scaleTime` and `scaleLinear` for axes, a D3 `line` generator for the path, and custom `XAxis` and marker components rendered as SVG.

YYedrup

95% match