[aplc0r]

It is a good idea, but the layout hurts my eyes due to the Hermann grid illusion.

https://en.wikipedia.org/wiki/Grid_illusion

[zagrebian]

“There are 121 fleeting black dots in a day”

[jmstfv]

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.

[jmstfv]

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!

[onychomys]

You might have to do 144 circles instead, I think that would have enough whitespace around each one to stop the illusion.

[smoe]

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.

[xwdv]

Eliminate all space in between rectangles. Aesthetics be damned.

[randyrand]

Or add the circles intentionally? At least they wont pop in and out then.

[omgitsabird]

Seems better with a border radius of 1.25rem. Also making the border thickness very thin seems to help, as well as some making it more oblong.

[pan69]

Reduce the contrast, i.e. make the black less black.

[phil-martin]

Maybe try using circles instead of rectangles, and the progress within each circle is shown like a pie chart?

[mattlondon]

Rounded corners might help?

[cyberge99]

Try hexagons, they’re equidistant between centers.

[peterburkimsher]

"Hexagons are the bestagons" according to CGP Grey. https://www.youtube.com/watch?v=thOifuHs6eY

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.

[allenu]

Could rounded corners help here?