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.
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.
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.
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.
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.
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).
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.
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.
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.
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.
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.
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.
103 comments
[ 3.6 ms ] story [ 185 ms ] threadFine, a square is a rectangle. But that's a square.
There's no media queries to eliminate the square. There's no JS that affects the square-ness. It's all squares.
144 squares.
Well, now they're rectangles!
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.)
And an important part of life is learning when to pick your battles.
Wrong battle, I know, but to nitpick the species is more likely quadrilateral.
https://en.wikipedia.org/wiki/Grid_illusion
I experimented with different colors, but seems like all of them produce this illusion :/
I'll see what I can do.
Personally I prefer fractals. A 6-sided hexagon is just 2* 3-sided triangles. Or 6 of them, depending how you prefer to tile the plane.
https://i.pinimg.com/originals/c9/44/99/c94499bb9a0057f8573e...
So how about a day schedule organised by Sierpinski triangles? Lots of space in the middle for resting.
* rounded corners to make rectangles look more pleasant
* switched to pastel colors to lower the contrast and make the grid less taxing for the eyes
Thanks everyone for the input!
[1] https://waitbutwhy.com/2016/10/100-blocks-day.html [2] https://github.com/am-on/work-timer
If you're born April 1, 52 weeks after your birth would be March 31, and after 52 more weeks it would be March 30 (before considering leap years).
I guess it can stay 52 boxes, and the last box has a day extra (or two, on leap years).
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.
SunCalc is a good tool for this, if you're interested: https://github.com/mourner/suncalc
(I've used it on a personal project, and the API was a little awkward but the results are good: https://daylight.website/)
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
Undocumented feature: if you hold down "w" or "shift+w" keys you can skip through weeks even faster.
To me this is the most logical watch face — everything else just confuses matters.
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.
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!
Some thoughts on good "perspective" items:
* Average runtime of a film
* Average commuting time (US, presumably)
* 15-minute standup
1. How about just 48 Pomodoro-sized rectangles?
2. For those of us with a shifted sleep rhythm it would be nice to be able to set the start-of-day time.
I feel like tools like this are extremely valuable to those with time blindness from ADHD, Autism, etc...
> I feel like tools like this are extremely valuable to those with time blindness from ADHD, Autism, etc...
I'll read up on this, thanks for bringing it up!
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.
https://imgur.com/a/bzamnie
should we have some columns grayed out to show downtime similar to a weekend for a week?
"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.
[0]: https://www.pulju.net/images/products/24h-clock_orig.jpg
[1]: https://apps.apple.com/de/app/sundial-solar-lunar-time/id976...