[HN Gopher] Show HN: Visualize your day as 144 rectangles
___________________________________________________________________
Show HN: Visualize your day as 144 rectangles
Author : jmstfv
Score : 65 points
Date : 2022-04-01 17:49 UTC (5 hours ago)
(HTM) web link (rectangles.app)
(TXT) w3m dump (rectangles.app)
| victor22 wrote:
| This is how bitcoin works, 144 blocks every day, 10mins each on
| average!
| _def wrote:
| Neat. Would make a cool clock on the wall!
| lkbm wrote:
| 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.
|
| Some thoughts on good "perspective" items:
|
| * Average runtime of a film
|
| * Average commuting time (US, presumably)
|
| * 15-minute standup
| lfkdev wrote:
| "Average psilocybin mushroom trip" nice
| victor22 wrote:
| Weird you're being downvoted... Looking forward to the day SV
| finds out about psylocibin!
| akavi wrote:
| Is that an april fool's joke?
| TOGoS wrote:
| Jama knows what's important.
| aplc0r wrote:
| It is a good idea, but the layout hurts my eyes due to the
| Hermann grid illusion.
|
| https://en.wikipedia.org/wiki/Grid_illusion
| jmstfv wrote:
| It wasn't intentional!
|
| I experimented with different colors, but seems like all of
| them produce this illusion :/
|
| I'll see what I can do.
| onychomys wrote:
| You might have to do 144 circles instead, I think that would
| have enough whitespace around each one to stop the illusion.
| pan69 wrote:
| Reduce the contrast, i.e. make the black less black.
| cyberge99 wrote:
| Try hexagons, they're equidistant between centers.
| smoe wrote:
| 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.
| randyrand wrote:
| Or add the circles intentionally? At least they wont pop in
| and out then.
| pmarreck wrote:
| 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!
| browningstreet wrote:
| 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.
| setr wrote:
| I am grossly offended by this .grid-item {
| ... height: 4.5rem; width: 4.5rem; }
|
| That's a square.
|
| Fine, 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.
| jzer0cool wrote:
| Can someone clarify?
| bombcar wrote:
| 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.
| jmstfv wrote:
| Yikes, I haven't thought anyone would venture there and see
| that monstrosity...
|
| Well, now they're rectangles!
| setr wrote:
| height: 4.5rem; - width: 4.5rem; + width:
| 4.6rem;
|
| consider my offense revoked
| kipple wrote:
| 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"
|
| 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/)
| jmstfv wrote:
| 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
| erenst wrote:
| I see that I'm not the only one inspired by this blog post [1]. I
| did a similar visualization with blocks to display my working
| hours [2].
|
| [1] https://waitbutwhy.com/2016/10/100-blocks-day.html [2]
| https://github.com/am-on/work-timer
| jmstfv wrote:
| Looks pretty neat!
| rahidz wrote:
| Reminded me of https://waitbutwhy.com/2014/05/life-weeks.html
| from the same website. One of the few things on the Internet
| that changed my entire outlook on life.
| leobg wrote:
| 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.
| davchana wrote:
| I am doing an excel sheet, 52 boxes per row, one row per
| year. Inspired by waitbutwhy article.
| klyrs wrote:
| That is far too many rectangles. My cortisol spiked just reading
| the headline. Please turn it down to a more manageable number,
| like 3.
| nkozyra wrote:
| Or twelve. And make each a segment of a circle. And put the
| respective number 1-12 next to it.
| smallerfish wrote:
| 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.
| jmstfv wrote:
| Interesting. Thanks for the idea!
| faffernot wrote:
| Sounds like a good use case for the browser's localeStorage
| API
| dboreham wrote:
| Storage for each locale the application supports.
___________________________________________________________________
(page generated 2022-04-01 23:00 UTC)