Skip to main content
100%

Visualization Labels

✓ Published1🌍 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.

MIT Licensed

Similar vizzes