Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Coronavirus Line Chart with Marker Line

Public visualization

Viewing a saved revision (read-only)

5874a6cdfe434d9e8d5219c981033646

Coronavirus Line Chart with Marker Line

0 stars1🌍 Public
RRMartins11
Last edited May 6, 2021
Created on May 6, 2021
Forked from React Starter

This visualization displays global COVID-19 death totals over time as a single bold line, with a horizontal marker line highlighting the one-million-death threshold. The React component uses d3.scaleTime and d3.scaleLinear to map dates and cumulative deaths to SVG coordinates, while d3.line generates the path. Data comes from the CSSEGISandData COVID-19 time-series CSV, loaded via d3.csv and aggregated daily. The marker line is a static SVG `<line>` positioned using the y-scale’s output for one million deaths.

AI-generated description

A Coronavirus Line Chart