Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

barplot_covid

Public visualization

Viewing a saved revision (read-only)

c96105cb091e4a068de1fffcc77d61aa

barplot_covid

0 stars0🌍 Public
Ssuji8073
Last edited May 19, 2021
Created on May 19, 2021

This bar chart visualizes COVID-19 case counts across four quarterly periods, with bars animating upward from the baseline on load. The color scale transitions from light teal to dark green based on count magnitude, and axes display tick labels for both quarters and case numbers. Built with React and D3 v5, it uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis and color encoding, and SVG `rect` transitions (via `transition().duration().delay()`) to animate bar growth. Data is hardcoded in the React `useEffect` hook.

AI-generated description