Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React + D3 axis (Coronavirus Deaths)

Public visualization

React + D3 axis (Coronavirus Deaths)

0 stars1🌍 Public
Ee-ines
Last edited May 3, 2021
Created on May 3, 2021

This example shows a line chart of cumulative global coronavirus deaths over time, drawn with D3 scales and a React-generated SVG. The chart highlights the most recent date with a vertical marker line labeled “now” and a horizontal reference line at 3,000,000 deaths. React components manage the SVG structure, while D3’s `scaleTime`, `scaleLinear`, and `line` generator compute positions and the path. Axes are rendered using `d3.axisBottom` within a React effect. Data comes from the CSSEGISandData COVID-19 time-series CSV, parsed with `d3.csv` and `timeParse`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed