This is a clock. Or rather, it’s three clocks. The first is a typical analog clock on the top left, a digital style clock on the top right and on the bottom is a number line clock.
What the heck is a number line clock? Well, good question. I was talking to my sister-in-law about my number line post and she suggested that third grade students had to learn the relationship between a typical analog clock and the number line. So that’s what I’m working on now. Showing that relationship.
The codepen itself also demonstrates using trigonometry to control the apparent (but not real) rotation of the clock hands. They are actually just lines drawn to the correct point on the clock.
It is a work in progress and I hope to make some upgrades soon.