Fork of Global Coronavirus Deaths

100%

Fork of Global Coronavirus Deaths

✓ Published0🌍 Public

Last edited May 13, 2024

Created on May 13, 2024

A line chart visualizes the cumulative global death toll from COVID-19 over time, using data from the Johns Hopkins Coronavirus Dataset. The chart is built with React and D3 v5, leveraging D3’s `scaleTime`, `scaleLinear`, `extent`, `max`, and `line` APIs to map dates and death totals. A horizontal marker line highlights the 10,000-death threshold, while a vertical marker indicates the most recent date, formatted with `timeFormat`. SVG renders the line with a thick black stroke, and axes use D3’s `axisBottom`.

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

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

97% match

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

97% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

A line chart tracks cumulative global COVID-19 deaths over time, using data from the Johns Hopkins Coronavirus Dataset. The visualization highlights two reference markers: a horizontal line at 10,000 deaths and a vertical line at the most recent date. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and `line` to generate the SVG path. Axes are rendered via `axisBottom`, with custom marker components drawing labeled guide lines.

RRoberto

97% 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

96% 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

96% 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

96% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

A line chart tracks global cumulative coronavirus deaths over time, using data from the Johns Hopkins Coronavirus Dataset. A horizontal marker highlights the 10,000-death threshold, while a vertical marker labels the most recent date. The visualization is built with React, rendering an SVG via D3 v5’s scales, line generator, and axes.

WWalkramis

96% 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

96% match