Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Stop Watch

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

222fa1259bcb42cebb0470575196964a

Open

Animated Stop Watch

0 stars1🌍 Public
JJohn A. Dodge
Last edited Oct 14, 2025
Created on Oct 12, 2025
Forked from Stopwatch

An animated digital stopwatch displays hours, minutes, and seconds in the Share Tech Mono font, with the final two digits cycling between grass green and tree green. The time is generated live with d3.format; two pairs of eyes sit between the colons, and JavaScript tracks mouse position to move their pupils via CSS transitions. The animation uses keyframes for the color shifts and runs on a black background for contrast.

AI-generated description

Animated Stopwatch

This stopwatch animates the seconds digits with grass and tree green colors, creating a smooth transition between the two shades.

The two eyes represent big brother always watchign.

Features

  • Digital display with Share Tech Mono font
  • Hours, minutes, and seconds format (HH:MM:SS)
  • Last two digits (seconds) animate between grass green (#7CFC00) and tree green (#228B22)
  • Clean, centered display with black background for better contrast