Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

#HAW: Birthday data viz

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

f0af29b7898945fdb5f7ec6f3cf9d361

Open

#HAW: Birthday data viz

0 stars0🌍 Public
Wwjo672@haw-hamburg.de
Last edited Jan 16, 2026
Created on Nov 28, 2025

This dashboard displays daily live births in Germany from 2020 to 2024, plotting 1,826 data points as a line chart with clickable and hoverable circles. The visualization uses React for state management and D3.js's `scaleTime`, `scaleLinear`, `line`, `axisBottom`, and `axisLeft` to render the time series. A tooltip shows the date and birth count on hover, while selected points are highlighted in red.

AI-generated description

Birth Statistics Dashboard

An interactive D3.js visualization displaying daily live births data for January-February 2021.

Features

  • Interactive Line Chart: Visualize birth trends over time
  • Hover Information: See detailed statistics when hovering over 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

Data

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

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

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