• by nkrisc on 3/16/2020, 1:52:12 PM

    This would make a pretty awesome large format wall clock. Anyone know if anything like that exists? If so, I imagine it would be pretty expensive since it's value would mostly be aesthetic.

  • by wcarss on 3/16/2020, 2:35:11 PM

    Very cool! I hesitate to self-link, but this is too related -- I have long had a similar but way smaller, less featureful (just a time-clock), and shoddily written design on my homepage: https://wcarss.ca

  • by delvinj on 3/16/2020, 1:21:27 PM

  • by tjbay on 3/16/2020, 3:04:15 PM

    Reminds me of sculpture I used to walk by almost daily in grad school, Maya Lin's timetable. https://www.flickr.com/photos/rocor/3546093103/

  • by _Microft on 3/16/2020, 3:17:30 PM

    It is animated with Javascript by updating transform:rotation every ~30ms. Couldn't the current time be set with Javascript and the animation be handled with CSS animations? Maybe CSS animations are not accurate enough time-wise so that the clock would diverge from the actual time (or other bad stuff happens like animations being suspended while a tab has no focus. I'm out of web development for too long to know off-hand how that behaves)?

  • by charlieo88 on 3/16/2020, 2:51:23 PM

    On months with less than 31 days, when the third ring in hits the last day of the month, it just skips to the first?

  • by aftbit on 3/16/2020, 11:50:08 PM

    Super lazy night mode, paste this in your console:

        var strokeTable = {
          "#000000": "#AEAEAE",
          "#F5F5F5": "#252525",
          "#FAFAFA": "#2A2A2A",
        }
        Object.entries(strokeTable).forEach(([o, n])=>Array.from(document.querySelectorAll(`[stroke="${o}"]`)).forEach((e)=>e.style.stroke = n))
        Object.entries(strokeTable).forEach(([o, n])=>Array.from(document.querySelectorAll(`[fill="${o}"]`)).forEach((e)=>e.style.fill = n))
        document.body.style.backgroundColor = "#050505"
        document.getElementById("test").style.backgroundColor = "#050505"

  • by btbuildem on 3/16/2020, 1:33:22 PM

    Looks reminiscent of a slide rule!

    Very graceful in how it shows the interaction between the different lengths and frequencies of cycles (eg, days of week, months)

    I wonder how they handle the changing number of days per month.. always keep 31, and just skip the extras every other month?

  • by steeve on 3/17/2020, 12:31:00 AM

    Every UI toolkit on Windows is/was based on Win32 (except XAML). There are so many places where it leaks it's not even funny anymore.

    UI consistency isn't Windows strongest point. I'm glad they're trying to fix it.

  • by spectramax on 3/16/2020, 2:59:55 PM

    The cognitive load to be able to read the calendar is quite high. It took me a few seconds to tell what the date/time is. It's very cool, but I am not sure if this is good design.

  • by travisgriggs on 3/17/2020, 12:57:39 AM

    I love this. But part of me wants the rings to rotate the other direction. I don't know why. It's kind of like scrolling I guess, is the content moving one way, or is the view window moving the other way.

    By rotating counter clock wise, the information (the current time) advances clockwise. I don't know if I'd like it better the other way, but a certain part of me is so used to seeing the actual mechanical movement be clockwise, that I want the rings to move clockwise.

    Am I alone in this?

  • by ckluis on 3/16/2020, 12:55:00 PM

    It would be neat to add highlighting for each of the current parts.

  • by Brajeshwar on 3/16/2020, 4:42:52 PM

    This is cool. My friend and I once visualized our timeslot with our product roadmap on a circular timescale.

    For those looking for something similar on your devices, there is an app called "Circa" - https://apps.apple.com/us/app/circa-time-zone-converter/id96...

    Circa³ shows timezones, the overlaps, and your selected calendar events.

  • by zbobet2012 on 3/16/2020, 3:13:00 PM

    Someone make me this watch, with an open center and gears. You can drop the year dial and maybe the seconds...

  • by curo on 3/16/2020, 4:12:15 PM

    Just one more ring (2020s, 2030s...2110s) to drive home the vulnerable sense of mortality

  • by downshun on 3/17/2020, 9:10:03 AM

    Neat. Natural. Suggestions:

    Add timer and stopwatch features. Maybe calendar sync.

    Time zones.

    Try also making option to break the red line instead of rotating disks.

    Possibly also color customization. An added gradient may be more intuitive than only numbers.

    Edit: and existential angst checkbox

  • by russfink on 3/16/2020, 3:22:37 PM

    Agree to all - also, showing (continuous) progress within the year is eye opening.

  • by rekabis on 3/16/2020, 5:55:32 PM

    And the best thing is, if you read it from the top down, it’s in ISO-8601!

  • by agentultra on 3/16/2020, 1:50:39 PM

    It would be dope if someone could make this in brass.

  • by metalliqaz on 3/16/2020, 1:22:46 PM

    Seems to be down from the load. Cool, though.

  • by Shtirlic on 3/16/2020, 3:25:53 PM

    Looks great, please add black theme and step/diamater size for seconds 5,10,15 seconds to reduce motion

  • by TulliusCicero on 3/16/2020, 1:13:20 PM

    Interesting. I wonder how it handles the number of days in a month being variable?

  • by DEADBEEFC0FFEE on 3/17/2020, 2:11:04 AM

    Very nice, and even better if you just show the top 15°

    Android widget please!

  • by amelius on 3/16/2020, 2:03:37 PM

    And every ten years you replace the year ring?

  • by taherchhabra on 3/16/2020, 3:00:58 PM

    3d prints anybody ?

  • by jfk13 on 3/16/2020, 1:58:48 PM

    Very cool!

    It's slightly marred by a typo: "Tueday" is missing an "s". Unfortunately I don't see contact info except a twitter handle, and I don't speak tweetish.

  • by Vervious on 3/16/2020, 3:03:21 PM

    From a design point of view, reading this clock is strictly harder than reading:

    "2020 March 16th, Monday 10:50:48"

    and also provides no useful extra information, unlike a traditional clock face.