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)

d71f215ef80740dea97242dd956bcd18

Coronavirus Line Chart with Marker Line

0 stars1🌍 Public
Ffjvoris
Last edited Mar 11, 2023
Created on Mar 10, 2023

A line chart visualizes the global cumulative total of COVID-19 deaths over time, with a horizontal marker line positioned at one million deaths. The chart uses React to render an SVG, with scales and line generation handled by d3.scaleTime, d3.scaleLinear, and d3.line. The data comes from a CSV file provided by the COVID-19 Data Repository at Johns Hopkins University, loaded via d3.csv and transformed by grouping daily death totals.

AI-generated description

Splitting React components into multiple files using ES6 modules. Bonus: React Fragments!