Sun Clock

239 points80 comments19 hours ago
monegator

Sorry, not giving my position. Would be nice if i could set an address, or coordinates (for example i may not care for my particular location)

show comments
mourner

Author of suncalc (the JS library behind the sun calculations) here — happy to see such a nice application of it! Heads up if the author's reading this — I recently released a major overhaul of the library that makes it a lot more precise: https://github.com/mourner/suncalc

show comments
TimTheTinker

It looks like the "golden hour" may be hardcoded as the hour before sunset. May I suggest updating it to be based on the sun's position in the sky?

In high-northern and low-southern latitudes, the sun can stay close to the horizon for long stretches of the day depending on the season. For example, in Iceland in parts of the spring and fall, the golden hour lasts for most of the day - amazing for photography and just enjoying the scenery.

show comments
miniBill

Makes me want to build this physically with a color e-ink display + a standardish 24h clock mechanism

show comments
zamadatix

I love it. It'd be nice if I could click points on a map and see the difference to my local one as well. Or in the calendar view if it'd show a copy of the clock (i.e. coloring not current hand positions) for the time I'm hovered over.

show comments
fer

Neat. One of my favourite sites, which also shows daylight, is WeatherSpark[0], obviously focused on weather and it allows you to compare locations based on yearly rainfall, cloud cover, muggy conditions, all sorts of stuff. Always check it when going on vacation or relocating.

[0] https://weatherspark.com/

show comments
momentmaker

Also made something like this called Sun Path which tracks where the sun is through centuries and how the path deviates ever so slowly.

Plus there are all the equinoxes and solstices.

https://pilgrimapp.org/sunpath/

show comments
jasonincanada

It must be clock-making time... I built a 24-hour clock a few days ago but in base-12 and with 72 seconds per minute (to reuse the outer 24-hour dial, with 3 subdivisions to make it closer to the normal second)

https://jasonincanada.github.io/24-hour-base-12-clock.html#w...

show comments
seanalltogether

I've been wanting to build this exact clock for awhile now. My feature request would be to include a timeline at the bottom of the page that I can scroll back and forth through days of the year to see everything shift.

show comments
altairprime

There is also an IRL variation of one-handed clocks that someone launched back in 2011: https://thepresent.is/collections/the-shop/products/the-pres...

The absence of a simple, single-handed watch face like Day or Sun Clock is my biggest objection to Apple Watch refusing to allow publicly-created third-party face designs.

anshulsahni

it would be nice to have it as widget both in mobile / desktop machine

staplung

Clocks like this are fun. I coded one but couldn’t decide how to handle the corner cases where the sun rises but does not set (and vice versa). You also have to decide if you’re showing the time that the sun rose today or if it should be tomorrow once you’ve already passed that time. Either way, at a certain point you’ll see the UI shift. At moderate latitudes it makes little difference but the effect can be quite extreme depending on the latitude and time of year.

show comments
edelind

This needs a way to manually set the location. Browser location is so off sometimes. Without that is useless for me.

show comments
dveeden2

Would be nice if we could have this on a Garmin watch...

Closest one I was able to find so far: https://apps.garmin.com/apps/dfb89b31-1535-4b41-b02b-17e3d38...

Gecko4072
show comments
charliewallace

For an alternate version that packs sunrise and sunset into an easier-to-read 12-hour clock face, check out my https://dayspiral.com

charliewallace

For an alternate version that packs sunrise and sunset into an easier-to-read 12-hour clockface, check out my https://dayspiral.com

donohoe

Unrelated but a little related (semi-shameless plug?)- I made a small weather web-app that also plotted daylight hours as a secondary feature.

Its really weather over the next 12 hours on the primary ring, and day/night transition on the inner.

https://donohoe.dev/weather/

show comments
dvh

Let me choose location manually.

show comments
rhema

https://editor.p5js.org/rhemalinder/full/im3tyPBDW - I made this one for myself and it's pretty similar.

I have this hard-coded to south dakota, but it looks like this and I made it a while ago. Same idea, except I turn it such that "solar noon" is at the top.

Think 12 noon is really "high noon" or solar noon? Nope, not unless you are in the center of a timezone!

show comments
franze

Nice UI ideas in that one.

Here my one from a few years ago. With whole year overview slider https://daylight.franzai.com/

tizio13

This is great. Reminds me of the Solar Dial watch face on my Apple Watch.

bpev

Been using https://sundial.page recently for weather

show comments
tygon

Very nifty little app. It is such a standard thing nowadays, but the dynamic UI rescaling (to a point anyway) makes it nice to stick on the side and watch as the sun goes down. Kudos to the dev.

dilap

This is neat! Would love the ability to make "true noon" be at the top of the clock, instead of 12.

yoyomo

would love this integrated into my iphone alarm clock

Willingham

Very well done, I made a similar tool a few months back. https://ethanwillingham.com/daylight-globe.html

svennidal

Nice. I made my solar clock here: svennidal.is/solarclock

I'm currently in Iceland and I've been using my clock as my main clock since the Icelandic clock is set to be almost one and half hour to early. I've never really shared it so that is why it's just hardcoded to my location haha.

karmakaze

I would prefer if it showed a regular 12 hours clock face and show the upcoming sunrise or sunset, or two faces one for each.

Arshwaraich

Neat! I made something similar to better visualize timezones based off the day/night cycle:

https://apps.apple.com/in/app/sun-timezone/id6760567372

sheept

It'd be neat if you could pan a slider through the year to see the sunrise sunset times change

vesinisa

Love it!

One weird thing: the author of this clock/calendar portrays the year rotating clockwise (click on the calendar icon in top left to see the "annual" calendar): January in 12 to 1 o'clock, February in 1 to 2 o'clock, etc. and December in 11 to 12 o'clock.

In a poll of some close friends recently, we found out that most of us (>80% including myself) had always mentalized the year rotating counter-clockwise (starting from January at 12 to 11 o'clock, Februay at 10 to 11 o'clock etc. and finally December in 1 to 12 o'clock.)

Bizarely none of us could explain why we had such weird anti-clockwise mental image of the annual cycle, but all who viusalized the year running counter-clockwise said they had done so for as long as they could remember.

show comments
SoulMan

It would be great to have other visible planets like Jupiter and Venus in the dial

mannanj

Nice. I've been making a version of this that I submitted to ycombinator, testing the thesis "If we schedule our life around the sun including afternoon naps" we perform better.

Check it out and give me feedback. It has a long ways to go.

https://sunsignal.app

nipunaeka89

nice one

Razengan

Man fuck Apple for not allowing custom Apple Watch faces >:(

Always the crippled operating system limiting the potential of their amazing hardware

show comments