Fiddled around with it a bit and if you reduce the spacing between the boxes to a few pixels the illusion goes away for me or is barely noticeable. But, the aesthetics of the whole thing are quite different then.
It would be fun to see this with local daylight hours mapped to the squares, so I could get a feel for where my consumption is at within "daylight" vs the whole "day"
That's interesting - didn't cross my mind! Thanks for the pointer.
Btw, the website you linked doesn't work for me. I get the "Uncaught (in promise) TypeError: navigator.geolocation is undefined" on Firefox 98.0.2 on macOS 12.3.1
Your personal project is a pretty cool and interesting way to visualize daylight (especially using the fast forward button to go through a week at a time). Thanks for making it.
Funnily enough I had that article already saved to pinboard!
Love your app btw, I made a similar clock years ago but with just sunrise and sunset times. I've just updated it with suncalc.js to add twilight times also, so thanks.
Those perspective items don't really provide perspective. I don't hate them, but a Jupiter day means nothing to me. The "average workday" is good and meaningful.
It’s tongue in cheek - the original site had squares not the advertised “rectangles” - even though a square is a type of rectangle most people consider rectangles to be the non-squares.
My 5-year-old knows that squares are a type of rectangle. Her kindergarten teacher corrected her when she said this during a shapes lesson and told her that rectangles always have two sides longer than the other.
We haven't bothered to correct the teacher, but used it as a lesson to say that even intelligent people aren't always correct about everything.
(She also had a preschool teacher that told her that blood is blue before it gets oxygen. This lesson is one that will be repeated throughout her life.)
There's the technical definition where rectangle is a genus of the species square, and there's the colloquial definition - if there are two boxes and one is a cube and the other is elongated, most people will ask for "the rectangular" one and not the "non square" one.
And an important part of life is learning when to pick your battles.
Quadrilateral would be the family, and rectangle the genus, square the species. Or you could promote quadrilateral to order and designate parallelogram the family.
I did the same thing when my grandfather died: A grid with each square representing a week of his life, and each row representing one year. Then, we mapped as many events from his life as possible.
Oh no, I don't go in that details, simply, every month, the weeks start on 1st, 8th, 15th, 22nd.
Only Jan, Jun, July, Dec gets another week, 5th one, on 27th.
So all months have 4 columns, labeled 1,8,15,22. Jan, Jun, Jul, Dec have 5 columns.
Whole sheet is a fillable grid of 52 columns and 90 rows.
A pre column list the year like 2002, 2003, 2004 etc. Next pre column list my age like 0,1,2,3 till 90. Then above explained grid. Then again, first two pre columns copied.
Each cell has light grey border. Border darkens to black between months columns. Border also darkens at every decade row.
If an event (like travel) happens on certain date (like 13th), it simply fills the whole week.
I assume that in overall big picture of life, a rounding off of week will not matter much.
And yet the vast majority of these rectangles will be spent JUST on maintaining you so you can spend a minority of them on either work or things you actually want to do.
Sleep, eat, exercise, shower, dress, undress, shop, drive (often in traffic), errands, poop, pee, fap (or sex if you are so positioned), then theoretically get a few hours of work done (hopefully productive and fulfilling but often filled with meetings and other drudgery), then babytime if you have one, and THEN there's maybe 1 row of rectangles left for you to spend how you actually please!
It's why I follow the "wake up early, work-out, get something done" organizing principle for my day. My day is usually in pretty good shape by 9am, even if nothing else happens.
I have to say, it took me a very long time as a self-identified "night owl" but I finally came around to this. I schedule an Orangetheory class at 8:15 M-W-F (I could go earlier, and have, but I have a 9 month old now and the nanny comes @ 8) and I certainly feel like I get a lot more done (also my energy starts off high).
Side note, I really appreciated the "no javascript" message:
>Sorry pal, but this won't work without JavaScript. You are probably doing that for privacy reasons, and I do respect that. You can download this website, inspect the source code, and run it locally. Or, you can whitelist it in your browser/script blocker. I don't have any third-party trackers on this website, and the code is open-sourced, so there's not much to be worried about.
It's perhaps a neat UI for a day planner. Being able to drag to select a block of squares and then attach a color/label to them would be a nice next step. Could work entirely client side.
FYI: Hovering over the examples breaks the actual counter if the actual counter is less than the value of the hovered example counter. It causes the actual counter to be set to the value of the hovered example counter.
Cool project! Just a quickie, but might be worth changing "nitty gritty" to "the details". Depending on the etymology you look at, the term could be considered offensive (so probably not worth the risk!).
"It has been suggested that the word originally referred to the debris remaining in the holds of slave ships after the slaves had been disembarked, but there is no evidence of such use before the 20th century when slavery was prevalent." -- Wiktionary
I do not think we should be deprecating colorful words because someone invented a fake etymology for them. Nor, for that matter, because someone somewhere might unreasonably take offense.
Even if hover pseudo classes would work in mobile, we don’t see the grid while looking at the list items, so we would not even notice something has changed.
hehe had a thought in the past a countdown from 100 years old minus your current age, tells you how much longer you have left to live. Not an original idea but yeah.
I remember stumbling upon a website which did this, but instead of just taking 100 years it prompted the user to select his country and gender. The algorithm then used data about the average lifespan of the selected gender in the selected country to tell the user how much they have left to live.
You should hover over the list items, not the individual rectangles. Also, it doesn't work on mobile devices, and I'm not sure what could be done about this.
https://en.wikipedia.org/wiki/Grid_illusion