Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart with Multiple Lines

Public visualization

Line Chart with Multiple Lines

0 stars0🌍 Public
Aashpradhan01123
Last edited Jul 31, 2020
Created on Jul 31, 2020
Forked from HTML Starter

This line chart visualizes the cumulative and daily COVID-19 case counts for ten countries up to July 28, with buttons to toggle between total and daily cases. Lines are drawn with an animated stroke-dashoffset transition using D3’s `transition()` method, and SVG paths are generated via `d3.line()`. The chart includes a color legend mapping countries to a categorical scheme, axis labels, and annotations marking notable events. Data is loaded from a CSV file, and the visualization is built with React and D3 v5, rendered as SVG with animation.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed