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.
Is this what you're looking for: https://144blocks.com ?
Show HN: Visualize your day as 144 rectangles
71–80 of 104 posts
Re: Show HN: Visualize your day as 144 rectangles
#72It is a good idea, but the layout hurts my eyes due to the Hermann grid illusion. https://en.wikipedia.org/wiki/Grid_illusion
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.
UPDATE:
* 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!
Re: Show HN: Visualize your day as 144 rectangles
#73Cool 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!).
Re: Show HN: Visualize your day as 144 rectangles
#74Cool 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!).
Done, thanks!
Re: Show HN: Visualize your day as 144 rectangles
#75Visitors on mobile devices can’t hover. Why not just show the examples all the time?
You mean rotating between examples every X seconds?
Perhaps making them toggles would work better.
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.
Re: Show HN: Visualize your day as 144 rectangles
#76If it were a gauge, it would remind me of a 24h clock [0] or an app that shows the day/night cycle circularly [1].
[0]: https://www.pulju.net/images/products/24h-clock_orig.jpg
[1]: https://apps.apple.com/de/app/sundial-solar-lunar-time/id976...
Re: Show HN: Visualize your day as 144 rectangles
#77hehe 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.
Re: Show HN: Visualize your day as 144 rectangles
#78hehe 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.
Re: Show HN: Visualize your day as 144 rectangles
#79It 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/ )
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 privacy settings / extensions are blocking geolocation
Re: Show HN: Visualize your day as 144 rectangles
#80Suggestion: Change the cursor when hovering over the text. I didn't understand whether to hover over the text or the rectangles.