Visualize Your Day As 144 Rectangles Example

Use JavaScript and CSS flexbox/grid to break your day down into smaller pieces: 10-minute blocks.


There are 144 rectangles.

Each rectangle represents 10 minutes of your day.

Time that has already passed today

Time that you still have left today

To put it into a perspective (hover over each item):

  • A time for a sunlight to reach the Earth
  • Average psilocybin mushroom trip
  • A good night's sleep for adults
  • Average workday
  • Intermittent fasting (16/8)