Birth Statistics Dashboard

An interactive D3.js visualization displaying daily live births data (Lebendgeborene) for Germany across 2020-2024.

Features

• Interactive Line Chart: Visualize birth trends over 5 years of complete daily data
• Hover Information: See detailed statistics when hovering over individual data points
• Point Selection: Click on any data point to highlight it
• Responsive Design: Automatically adapts to window size
• Professional Styling: Clean, modern interface with gradient header and legend
• Comprehensive Data: All 1,826 daily data points from 2020-2024

Data

The visualization uses complete daily birth statistics from data.csv with the following columns:

• Datum: Date in DD-MM-YYYY format
• Lebendgeborene: Number of live births (daily)

Data covers January 1, 2020 through September 30, 2024.

Technologies

• React 19
• D3.js 7
• Modern CSS with gradients and animations

Getting Started

1. Serve the files using a local web server
2. Open index.html in your browser
3. Interact with the chart by hovering and clicking on data points
4. X-axis shows years 2020-2024 with properly balanced spacing
5. Y-axis displays the number of births per day

Chart Characteristics

• Dense Data Visualization: Shows all 1,826 daily data points
• Clear Trends: Visual patterns in births across years
• Year-based X-Axis: Properly scaled to show the 5-year period
• High-Resolution: All daily fluctuations visible