Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Visualization Labels

Public visualization

Viewing a saved revision (read-only)

0a302fa2a0504ce4a8ab9e8f6d724bbd

Visualization Labels

0 stars1🌍 Public
SSerind Joshua McCue
Last edited Aug 24, 2022
Created on Aug 24, 2022

This example shows a line chart tracking cumulative global COVID-19 deaths over time, with a logarithmic y-axis and clearly labeled axes. The visualization uses D3 v7’s `scaleTime`, `scaleLog`, and `line` generators within a React component, rendering to SVG. Axis components built with `axisBottom` and `axisLeft` include grid lines and formatted tick labels. Data is loaded via `d3.csv` from a Johns Hopkins CSSE time-series dataset, then transformed into date and death-total pairs. The chart also demonstrates custom text labels for the title and axes, styled with CSS.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.