Skip to main content
šŸŒ Public

Share visualization

Send this visualization to others.

Airport Clocks

Public visualization

Viewing a saved revision (read-only)

1284dfee8ac44b7daedfc8b851ba6e72

Airport Clocks

0 stars0šŸŒ Public
CCurran Kelleher
Last edited Oct 20, 2025
Created on Oct 20, 2025
Forked from React & D3 Starter

This visualization displays eight analog clocks for cities such as San Francisco, New York, London, and Sydney, each showing the current time with hour, minute, second, and millisecond hands. The clocks use React components with D3.js for SVG rendering and animation, leveraging d3.timer for smooth hand movement and d3.utcDay for calculating time zone offsets. Styling is configurable through a centralized configuration file, and the layout presents all clocks in a responsive, wrap-around grid.

AI-generated description

Airport Clocks

A React application displaying multiple analog clocks for different time zones around the world. Each clock shows the current time in its respective location, including support for daylight saving time adjustments.

Features

  • Displays analog clocks for major international cities
  • Real-time updates with smooth animation
  • Daylight saving time support
  • Responsive design using SVG
  • Configurable styling for all clock elements

Project Structure