Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HAW: Bday Data viz

Public visualization

Viewing a saved revision (read-only)

f9503cf19155431a8403bd9f54786585

HAW: Bday Data viz

0 stars1🌍 Public
Nng.tuoanh.cbn@gmail.com
Last edited Nov 28, 2025
Created on Nov 28, 2025

This visualization compares annual birth statistics across four years by rendering each year as a hospital building, with the number of birth dots inside representing relative crowdedness. React manages the component state and container sizing via a custom `useContainerDimensions` hook, while D3 v7 handles SVG rendering and data joins through `d3.select` and `d3.csv`. The chart pulses with an interactive hover effect on hospital bodies, and the code explicitly generates synthetic multi-year data by applying variations to the loaded CSV totals from `data.csv`.

AI-generated description