Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Can. COVID Vaccinations - Line Chart with React & D3 - Fork

Public visualization

Viewing a saved revision (read-only)

4f82d538bbbd4bc08a1057be891350b0

Can. COVID Vaccinations - Line Chart with React & D3 - Fork

0 stars0🌍 Public
CChris Bodnarchuk
Last edited Oct 6, 2025
Created on Oct 6, 2025

This fork displays Canadian COVID-19 vaccination counts over time using four smoothed lines for total vaccinations, people vaccinated, fully vaccinated, and boosters. It loads data from the Our World in Data GitHub repository via d3.csv, then renders the chart with d3.scaleTime, d3.scaleLinear, and d3.line with curveMonotoneX. A d3.bisector-based tooltip, gradient background, legend, and axis labels complement the React-managed SVG.

AI-generated description