Viewing a saved revision (read-only)
6a626165172642ff8f424a9c260893c6
Fork of CV: Loading CSV Data
This visualization compares live birth counts across multiple years as a "Heartbeat Map," a radical circular layout where each year forms its own orbital system. Daily birth data from January and February of 2022–2024 is loaded via d3.csv, grouped by year, and rendered as SVG points whose distance from the center encodes intensity, colored with a muted grayscale scale. The React component uses a ResizeObserver to track container dimensions and re-renders the D3 visualization on data or hover changes, with SVG filters providing glow and pulse effects.
AI-generated descriptionBirth Data Heatmap Visualization
A creative D3.js and React calendar heatmap visualization of birth data across January - February 2024.
Features
- Calendar Heatmap: Visual intensity representation of daily births
- Color Gradient: Yellow to dark red gradient showing birth intensity
- Day-of-Week View: Organized by weekdays for pattern recognition
- Interactive Tooltips: Hover over cells to see detailed information
- Responsive Design: Adapts to window size
- Legend: Color scale reference for birth counts
Insights
The heatmap reveals patterns such as:
- Weekly cycles (weekends vs weekdays)
- Peak birth days throughout the months
- Visual comparison of intensity across time periods
Data
Visualization displays birth counts (Lebendgeborene) from
January-February 2024, organized in a calendar heatmap
format by week and day of week.