8 ms·
Concentrichron: A clock and calendar made of concentric rings
- Shtirlic 7y agoLooks great, please add black theme and step/diamater size for seconds 5,10,15 seconds to reduce motion
- charlieo88 7y agoOn months with less than 31 days, when the third ring in hits the last day of the month, it just skips to the first?
- surewhynat 7y agoMy thoughts exactly, and what about leap years?
- adrianmonk 7y agoThe Javascript just recomputes a new absolute rotational position for the rings on every update. So in effect it is always skipping, so it would skip in that case like all others.
- spectramax 7y agoThe 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.
- rijoja 7y agoGood point but think of it like this how many years have you looked at the other type of analog clock, in comparison.
- spectramax 7y agoI prefer boring that works vs. new that doesn't work. What would be cool if the new thing worked really well and it was different/interesting. This design is only the latter, hence the slight disdain. But, I applaud the work that went into it.
- timbit42 7y agoIt's not that it doesn't work. It actually works better than the old way. You think it doesn't work because you're not used it.
- taherchhabra 7y ago3d prints anybody ?
- Vervious 7y agoFrom 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.
- kristopolous 7y agoIt's a hobbyist project, for delight and aesthetics
- Vervious 7y agoBut it doesn't mean we should upvote every hobbyist project to the top of hacker news - only the useful, interesting, good ones.
- kristopolous 7y agoUse the search, 90% of them don't get voted up. I've worked for years on things in the dustbin of popularity
- Vervious 7y agoExactly, and my point it that this particular clock belongs in the 90%, not the 10%.
- kristopolous 7y agoVote and rank systems are fairly crude. Delight often takes precedence over depth, it's why you don't see academic papers or open access books on the front page often... I'm open to more nuanced and sophisticated rules, I've even built a few systems and tried to gain traction. However the crude single vote implements seem to be the only ones with staying power. I dunno, every day is a new context we could simply try again. Things can fail a dozen times and then something changes and makes it work. (For instance, on demand video, or YouTube, only took off when people had broadband and speedy enough computers to watch the video, it was probably the 20th company that tried this idea and the first to not eat shit)
- tjbay 7y agoReminds me of sculpture I used to walk by almost daily in grad school, Maya Lin's timetable. https://www.flickr.com/photos/rocor/3546093103/ https://www.flickr.com/photos/rocor/3546093103/
- ckluis 7y agoIt would be neat to add highlighting for each of the current parts.
- deleted 7y ago[deleted]
- TulliusCicero 7y agoInteresting. I wonder how it handles the number of days in a month being variable?
- delvinj 7y agoDirect link http://www.concentrichron.com/ http://www.concentrichron.com/
- adventured 7y agoIt's quite impressive, beautiful and smooth in motion. I have to second what someone else said, it could be made into an amazing wall clock (and even a small desk unit). There is a lot that could be optionally (settings) done to manipulate its aesthetic qualities in various directions to match personal preferences, times of day, events, and so on.
- arethuza 7y agoWould be cool to replace the years with "Year in Decade", "Decade in Century", "Century in Millennium".....
- elefantastisch 7y agoOr maybe just have year go from 00-99 and repeat as people commonly do anyway. Current implementation of year definitely doesn't make sense because it doesn't cycle.
- thebiss 7y agoI have the complete OPPOSITE experience: the motion is jerky and inconsistent, like the seconds are struggling then catch up. (Firefox 74 on Windows 10 18363)
- metalliqaz 7y agoSeems to be down from the load. Cool, though.
- btbuildem 7y agoLooks 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?
- DougBTX 7y agoThey always keep 31, but skip past it: var fdate = (d.getDate() - 1.0) + fhours / 24.0; document.getElementById('date').setAttribute("transform", "rotate(" + fdate / 31.0 * -360.0 + ", 400,300)");
- agentultra 7y agoIt would be dope if someone could make this in brass.
- chin7an 7y agoWould love to see the Clickspring channel on YouTube do a series on this. If you aren't familiar with Chris's work, he's got a series on a wonderful clock he made, mostly brass. Fun to watch. Apparently his machining techniques aren't great but I'm no machinist so doesn't matter to me.
- nkrisc 7y agoThis 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.
- BadOakOx 7y agoNot the whole calendar, but just the clock part: https://www.amazon.com/Kikkerland-Wheel-Revolving-Wall-Clock/dp/B000CDVYNW https://www.amazon.com/Kikkerland-Wheel-Revolving-Wall-Clock...
- kazinator 7y agoThat wall clock would need to handle different month lengths somehow because the month ring can be 28, 29, 30 or 31 days, and provide for a way to add years to the outer ring. Probably regarding months, it would likely do what a lot of mechanical watches do: go to 31, and require manual intervention to set the day of month. That's kind of ugly because you have to rotate that wheel exactly to retain the fractional part of the day, which is hard to accurately other than at midnight.
- ahmedfromtunis 7y agoWith some 'smart' circuitry this can be handled automatically: the month ring should have 31 days. But if the month is shorter, the clock would jump automatically to the next month.
- nickpinkston 7y agoThough I love the idea of doing it mechanically like the Long Now clock: https://longnow.org/artifacts/equation-of-time-cam https://longnow.org/artifacts/equation-of-time-cam
- timbit42 7y agoThis is because our calendar sucks. The Enoch calendar would be easier to implement.
- jfk13 7y agoVery 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.
- mindbrix 7y agoMany thanks! Fixed.
- amelius 7y agoAnd every ten years you replace the year ring?
- deleted 7y ago[deleted]
- wcarss 7y agoVery 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 https://wcarss.ca
- oftenwrong 7y agoI appreciate that you just have a "log".
- bhhaskin 7y agoThat is awesome!
- zbobet2012 7y agoSomeone make me this watch, with an open center and gears. You can drop the year dial and maybe the seconds...
- zokier 7y agoNot open center but https://www.klokers.com/en/3-watches https://www.klokers.com/en/3-watches Add few zeroes to the price and you probably could get a skeletonized one too
- _Microft 7y agoIt 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)?
- thebiss 7y agoOr similarly, let SVG animation transforms do it for us: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateTransform https://developer.mozilla.org/en-US/docs/Web/SVG/Element/ani...
- russfink 7y agoAgree to all - also, showing (continuous) progress within the year is eye opening.
- deleted 7y ago[deleted]
- curo 7y agoJust one more ring (2020s, 2030s...2110s) to drive home the vulnerable sense of mortality
- Brajeshwar 7y agoThis 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/id968698352 https://apps.apple.com/us/app/circa-time-zone-converter/id96... Circa³ shows timezones, the overlaps, and your selected calendar events.
- rekabis 7y agoAnd the best thing is, if you read it from the top down, it’s in ISO-8601!
- aftbit 7y agoSuper 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"
- severine 7y agoNot only is it very beautiful, but you made me use the browser console for the first time in my life and it feels great! Thank you. Off to read some of my bookmarklets, quarantine-style rabbit-hole time!
- steeve 7y agoEvery 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.
- travisgriggs 7y agoI 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?
- LeoPanthera 7y agoThat would feel wrong to me. If it rotated that way, when looking at the rings, the future would be on the left, and the past on the right.
- DEADBEEFC0FFEE 7y agoVery nice, and even better if you just show the top 15° Android widget please!
- downshun 7y agoNeat. 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