SpiraClock.js

Visualizing time on a spiral

Christian Tominski
University of Rostock, 2014-2024

About

This is a re-implementation of Pierre Dragicevic's and Stéphane Huot's SpiraClock. The original idea of combining a clock interface with a spiral to show events in time has been published at CHI 2002.

This implementation uses HTML5 canvas to draw the SpiraClock. This variant simply visualizes a set of ten random events of the current day. You can drag the clock handles to go back and forth in time. You can also drag the spiral interior to adjust how far you can look ahead in time. The SpiraClock automatically returns to real time a few seconds after the mouse cursor exited.

Last Update: January 31, 2025 • This page uses HTML5 canvas and Javascript • Colors by GlueStudio