Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

CoronaVirus Linear Y Chart

Public visualization

Viewing a saved revision (read-only)

16eee70daa184e38986be68fdef18e16

CoronaVirus Linear Y Chart

0 stars1🌍 Public
33ssalunke
Last edited Mar 9, 2021
Created on Mar 9, 2021

This example visualizes the global cumulative death totals from the COVID-19 pandemic over time using a linear y-axis line chart. The chart is built with React and D3 v5, using `d3.scaleTime` and `d3.scaleLinear` for the axes and `d3.line` to generate the SVG path. Data is loaded via `d3.csv` from a Johns Hopkins CSSE time-series dataset. The axes are rendered as reusable React components that call `d3.axisBottom` and `d3.axisLeft` inside `useEffect` hooks.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.