Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Coronavirus Basic Line Chart With Margins

Public visualization

Coronavirus Basic Line Chart With Margins

0 stars1🌍 Public
KK3zter
Last edited Dec 20, 2021
Created on Dec 20, 2021

This example displays global COVID-19 death totals over time with a line chart, using a time-scaled x-axis and linear y-axis with margins. D3 v7’s `scaleTime`, `scaleLinear`, and `line` generators construct the SVG path, while `YMarkerLine` and `XMarkerLine` components overlay reference lines at 5 million deaths and the most recent date, respectively. Data loads from the Johns Hopkins CSSE CSV via `d3.csv` and `timeParse`. The React app computes daily global sums and renders the chart full-screen.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed