SpiraClock.js

Christian Tominski, University of Rostock, 2014

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

My 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: October 2, 2014 • This page uses HTML5 canvas and Javascript • Colors by GlueStudio