Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Retro Clock

Public visualization

Viewing a saved revision (read-only)

056455ef8a9a4b1d9c2fc969d31c7b8f

Retro Clock

0 stars0🌍 Public
Sscheenmi@gmail.com
Last edited Nov 20, 2022
Created on Nov 19, 2022
Forked from Component Template

A retro-styled animated clock displays a series of date-time strings, each formatted as "08h15 01.07.2022". The visualization cycles through these markers every second, showing how characters rotate in and out of a rectangular frame using a D3 mask. Built with D3 v7, the SVG text elements transition vertically via `transition.attr()` to simulate a mechanical flip-clock effect. The string data is hardcoded in the script, and the clock aligns to the right within the canvas layout.

AI-generated description