Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HAW: Sommer baby Boom

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

e1b6969fdb114cb9936d08fb0aa97bb3

Open

HAW: Sommer baby Boom

0 stars0🌍 Public
Uudjeffrey.jay@gmail.com
Last edited Nov 28, 2025
Created on Nov 28, 2025

This visualization displays daily birth counts (Lebendgeborene) in Germany for 2024 as a circular, radial chart. It highlights seasonal patterns, with each day represented as a colored dot positioned by date angle and birth-count radius, and users can click dots or hover for tooltips. Built with D3 v7 and React 19, the chart uses `d3.scaleLinear` for positioning and color mapping, drawing SVG circles with a line generator. Data is loaded from a CSV file, and the visualization is responsive via a `ResizeObserver`.

AI-generated description

Birth Data Visualization

A responsive D3.js visualization displaying daily birth statistics in Germany for January and February 2024.

Features

  • Interactive Line Chart: Click on data points to highlight them
  • Hover Tooltips: View exact values on hover
  • Responsive Design: Automatically adjusts to container size
  • Grid Lines: Easier value reading with Y-axis reference lines
  • Professional Styling: Clean, modern interface with gradient header

Technologies

  • React 19
  • D3.js 7
  • CSS3

Data

The visualization uses data.csv containing daily birth counts (Lebendgeborene) with dates in DD-MM-YYYY format.