Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React + D3 Axes

Public visualization

Viewing a saved revision (read-only)

eaf2a3d96a294b6bbc70f4ac6daf1e82

React + D3 Axes

0 stars1🌍 Public
Ffjvoris
Last edited Mar 11, 2023
Created on Mar 11, 2023

This example shows a COVID-19 global death toll line chart over time, with dashed reference lines marking the most recent date and the one-million-deaths threshold. Built with React components and D3 scales, the chart uses `scaleTime` and `scaleLinear` to position the line, while separate `XAxis` and `XMarkerLine`/`YMarkerLine` components render the axis and annotations via SVG. Data is loaded from the Johns Hopkins CSSE GitHub CSV and transformed with `csv` and `timeParse`.

AI-generated description

Splitting React components into multiple files using ES6 modules. Bonus: React Fragments!