Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Covid-19 with Marker Lines

Public visualization

Viewing a saved revision (read-only)

0793d92ee3724b568fd3e7cf0e02610a

Covid-19 with Marker Lines

0 stars1🌍 Public
Uuplusv
Last edited Oct 6, 2023
Created on Oct 4, 2023

This example visualizes global COVID-19 death counts over time as a line chart, with marker lines highlighting the latest date on the x-axis and the 500 million death threshold on the y-axis. The chart is built using React and renders SVG elements directly. It loads data from a CSV file using `d3.csv` and applies `d3.scaleTime` and `d3.scaleLinear` for scaling. Custom `XMarkerLine` and `YMarkerLine` components, using `d3.timeFormat` and `d3.format`, add annotated guide lines, while the x-axis uses `d3.axisBottom` for ticks and grid lines.

AI-generated description