> Note the day/night line is a bit tilted – it's not exactly perpendicular to the sun. This is because, as I write this, Croatia uses DST (Daylight Saving Time) – we intentionally shift time to have more daylight in the evening. While this shortens daylight in the morning, most people are asleep at that time so won't mind it.
Erm, WTF? DST does not change when dawn and sunset occur relative to solar noon. So what exactly is this showing?
> Earth rotates around its axis – one rotation is called a day
A [solar] day is the time between noons, which is slightly more than one rotation on our axis. A single rotation is a [sidereal day] — the Wikipedia article has a good animation.
(The ellipse part of our orbit means the length of a solar day isn't consistent, as the rotation required to get back to pointing at the sun isn't the same throughout the year, which is what leads to mean solar time. The the article doesn't want to do ellipse orbits, which is fine… for a moment… but…)
> When the tick comes directly under the sun, that's (solar) noon, and one full rotation is one day.
But this is sort of where if you do you MST (if you have a fixed day length, you are), then when the tick is directly under the sun it won't necessarily be noon. The difference (between MST & solar) is like 17 minutes at its peak. The aliens will be looking at this going "it's uh… close? But off."
I still think "solar time" is a cultural assumption, though I do think there's a high likelihood of aliens sharing that assumption. But one might also imagine a species on a tidally locked world (maybe having grown up in the twilight region) with no concept of "days".
After staring at it some more, I'd suggest perhaps switching places between the day of month and month of year circles. That way you would have consistently smaller unit of time=smaller circle.
That makes sense. I'm least happy with the (day-in-)month circle, but felt the calendar portion wasn't really useful without handling it somehow.
I wanted the year circle to evoke Earth's orbit, so it had to be near the Sun. Inserting another circle was breaking that intuition (already stretched, tbh) for me. I was flip-flopping between these two and finally decided on the current solution.
I'm even more unhappy[0] with the fact that the number of ticks and speed on that circle changes every month, depending on the calendar month duration. For a world clock, on month changes it also means that you can't represent the date correctly for all shown timezones.
I could have used some real-world phenomena that are close to our calendar month instead[1], as pointed out by another commenter. This would make it "more correct" but "less useful in everyday situations". Even though I don't plan to use it every day, one of the goals of the project was for it to aspire to being useful.
I love your reinterpretation of time as a mini solar system. On impulse I tried to drag to rotate it and it worked, was delighted!
I was confused for a bit on what that satellite orbiting Moon is, and why the Moon is blue, before realizing how it works, so was a mini puzzle for me too :)
This is awesome! I kinda wanna make one that adapts even more to your location: lengthen and shorten the light part of the circle according to your local sunrise and sunset times! Unfortunately that kinda sorta breaks the neatness of displaying multiple timezones, since it won't line up nicely with different latitudes.
> lengthen and shorten the light part of the circle according to your local sunrise and sunset times!
It's really not obvious, especially in light mode, but if you switch to dark mode you can see the day circle has a "bolder" and a "thinner" part. Bolder is the daylight hours, and its length and position corresponds to the daylight hours (in this instance, of Zagreb, since that's the primary timezone for the clock).
You're correct in that it can't work if you have multiple lattitudes. I took the easy way out - I ignore that and just use the first one :X
Instead of anchoring the sun and thus noon at the top it would be interesting to have the sun move around the clock face as the year progresses. Noon then moves around as the year progresses.
”Up” could be said to point towards the center of the galaxy instead.
I had thought that months aren't quite a human construct, they correspond roughly to lunar cycles. Weeks were a way to carve the month up into the four lunar phases per cycle.
Seconds, minutes, hours, etc. are, as you say, all sexagesimal math bias.
I could not catch that the circle meant the sun. I did catch seconds, minutes, day, month, and I deduced TK meant Tokyo and SF meant San Francisco and could not deduce the city ZG represents. So, I don' think you can actually be free of baggage.
Some minor things bugging me:
- The lines at the bottom don't align! Really annoying, I spent a lot of time trying to understand it meant something or not.
- Dark mode shows only 1 city. I could not understand what TK meant until I saw SF.
Some advice:
- Change the pictoric representation of the sun for something a bit more "sunny". Some flames feel like something not cultural (since there literally is solar activity at the surface), so aliens could get that it is the sun.
- In the intro you say there is a puzzle, but you don't say what the puzzle is. I thought it might be some interactive thing. It was only until I gave up I start reading the explanation and got that the puzzle is to understand how the clock works, given it has no cultural baggage. Then I went back to try to understand it. Maybe add a little explanation somewhere saying the intention.
> Note the day/night line is a bit tilted – it's not exactly perpendicular to the sun. This is because, as I write this, Croatia uses DST (Daylight Saving Time) – we intentionally shift time to have more daylight in the evening. While this shortens daylight in the morning, most people are asleep at that time so won't mind it.
Erm, WTF? DST does not change when dawn and sunset occur relative to solar noon. So what exactly is this showing?
> Earth rotates around its axis – one rotation is called a day
A [solar] day is the time between noons, which is slightly more than one rotation on our axis. A single rotation is a [sidereal day] — the Wikipedia article has a good animation.
(The ellipse part of our orbit means the length of a solar day isn't consistent, as the rotation required to get back to pointing at the sun isn't the same throughout the year, which is what leads to mean solar time. The the article doesn't want to do ellipse orbits, which is fine… for a moment… but…)
> When the tick comes directly under the sun, that's (solar) noon, and one full rotation is one day.
But this is sort of where if you do you MST (if you have a fixed day length, you are), then when the tick is directly under the sun it won't necessarily be noon. The difference (between MST & solar) is like 17 minutes at its peak. The aliens will be looking at this going "it's uh… close? But off."
I still think "solar time" is a cultural assumption, though I do think there's a high likelihood of aliens sharing that assumption. But one might also imagine a species on a tidally locked world (maybe having grown up in the twilight region) with no concept of "days".
[sidereal day]: https://en.wikipedia.org/wiki/Sidereal_time
After staring at it some more, I'd suggest perhaps switching places between the day of month and month of year circles. That way you would have consistently smaller unit of time=smaller circle.
That makes sense. I'm least happy with the (day-in-)month circle, but felt the calendar portion wasn't really useful without handling it somehow.
I wanted the year circle to evoke Earth's orbit, so it had to be near the Sun. Inserting another circle was breaking that intuition (already stretched, tbh) for me. I was flip-flopping between these two and finally decided on the current solution.
I'm even more unhappy[0] with the fact that the number of ticks and speed on that circle changes every month, depending on the calendar month duration. For a world clock, on month changes it also means that you can't represent the date correctly for all shown timezones.
I could have used some real-world phenomena that are close to our calendar month instead[1], as pointed out by another commenter. This would make it "more correct" but "less useful in everyday situations". Even though I don't plan to use it every day, one of the goals of the project was for it to aspire to being useful.
[0] unhappy is a strong word; I mean I'm not satisfied with the solution, but was unable to find one I feel better about [1] https://en.wikipedia.org/wiki/Lunar_month#Types
Yeah, this screamed US date format to me! (Though there's no year in this clock)
Very cool. Kind of reminds me a bit of my solar system clock though I did mine using ThreeJS.
https://clocks.specr.net/solar-system
Senko you might also be interested in this one - it doesn't go into the same depth as yours but it's visually similar.
https://www.clockfaceonline.co.uk/clocks/circles/
These are nice, thanks for sharing!
I love your reinterpretation of time as a mini solar system. On impulse I tried to drag to rotate it and it worked, was delighted!
I was confused for a bit on what that satellite orbiting Moon is, and why the Moon is blue, before realizing how it works, so was a mini puzzle for me too :)
This is awesome! I kinda wanna make one that adapts even more to your location: lengthen and shorten the light part of the circle according to your local sunrise and sunset times! Unfortunately that kinda sorta breaks the neatness of displaying multiple timezones, since it won't line up nicely with different latitudes.
> lengthen and shorten the light part of the circle according to your local sunrise and sunset times!
It's really not obvious, especially in light mode, but if you switch to dark mode you can see the day circle has a "bolder" and a "thinner" part. Bolder is the daylight hours, and its length and position corresponds to the daylight hours (in this instance, of Zagreb, since that's the primary timezone for the clock).
You're correct in that it can't work if you have multiple lattitudes. I took the easy way out - I ignore that and just use the first one :X
Instead of anchoring the sun and thus noon at the top it would be interesting to have the sun move around the clock face as the year progresses. Noon then moves around as the year progresses. ”Up” could be said to point towards the center of the galaxy instead.
Cool project.
I had thought that months aren't quite a human construct, they correspond roughly to lunar cycles. Weeks were a way to carve the month up into the four lunar phases per cycle.
Seconds, minutes, hours, etc. are, as you say, all sexagesimal math bias.
An experiment inspired by the "Gonon: building a clock with no numeral" recently shared on HN (https://news.ycombinator.com/item?id=47532338)
The end result is: https://senko.net/clock/
Tech trivia: implemented as a reusable web component, powered by CSS animation, JS is just used to set up the initial state.
Nice experiment.
Some feedback:
I could not catch that the circle meant the sun. I did catch seconds, minutes, day, month, and I deduced TK meant Tokyo and SF meant San Francisco and could not deduce the city ZG represents. So, I don' think you can actually be free of baggage. Some minor things bugging me: - The lines at the bottom don't align! Really annoying, I spent a lot of time trying to understand it meant something or not. - Dark mode shows only 1 city. I could not understand what TK meant until I saw SF.
Some advice:
- Change the pictoric representation of the sun for something a bit more "sunny". Some flames feel like something not cultural (since there literally is solar activity at the surface), so aliens could get that it is the sun. - In the intro you say there is a puzzle, but you don't say what the puzzle is. I thought it might be some interactive thing. It was only until I gave up I start reading the explanation and got that the puzzle is to understand how the clock works, given it has no cultural baggage. Then I went back to try to understand it. Maybe add a little explanation somewhere saying the intention.
Senko, note that dark mode hides the two secondary location labels.
This is a charming clock :)