Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React + D3 Axes

Public visualization

React + D3 Axes

0 stars1🌍 Public
NNikita Toropov
Last edited Mar 17, 2023
Created on Mar 17, 2023

This example shows the global cumulative death toll from COVID-19 over time, rendered as a line chart with React and D3. A horizontal reference line marks the 6.5 million death threshold, while a vertical line highlights a specific date, labeled with its formatted value. The chart uses d3’s `scaleTime`, `scaleLinear`, and `line` to map the data, while a custom `XAxis` component leverages `axisBottom` for tick generation. The raw data is fetched from a CSV hosted by the CSSE at Johns Hopkins.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed