Fork of Global Coronavirus Deaths

100%

Fork of Global Coronavirus Deaths

✓ Published0🌍 Public

Last edited Oct 6, 2021

Created on Oct 6, 2021

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.

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

95% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

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.

Zzwang1010

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

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

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

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

93% match

Loading thumbnail…

Fork of Global Coronavirus Deaths

This line chart visualizes global cumulative coronavirus deaths over time, with a horizontal marker highlighting the 10,000-death threshold and a vertical marker indicating the most recent date. The chart loads data from the Johns Hopkins COVID-19 dataset using d3.csv, transforms it with timeParse and reduce, and renders via d3.scaleTime, scaleLinear, and line generators in an SVG. A React component structure manages the state, while d3.axisBottom and custom marker components add reference lines.

WWalkramis

93% match