Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Coronavirus Line Chart With 3,000,000 Marker Line

Public visualization

Viewing a saved revision (read-only)

6f5a4851b6a9414892ee1b8cb3a88f32

Coronavirus Line Chart With 3,000,000 Marker Line

0 stars1🌍 Public
Wwindwaver
Last edited Apr 15, 2021
Created on Apr 13, 2021

The chart displays global COVID-19 death totals over time as a black line, with horizontal and vertical dashed markers indicating the 3,000,000 death threshold and the current date. Built with React and d3.scaleTime, d3.scaleLinear, and d3.line, it renders an SVG path from data fetched via d3.csv from the Johns Hopkins CSSE repository. The YMarkerLine and XMarkerLine components draw labeled annotations, while the text elements use SVG alignment attributes to position labels. The visualization updates dynamically as new data becomes available in the source CSV.

AI-generated description