Annual Calendar Layout Ideas

Hexagonal Display

  • First mentioned in a presentation by Mark Lutness posted on Susan Gammage's website: http://susangammage.com/the-shape-of-time. He develops a display of the calendar where the days of the month "circle around" the 1st day.

  • He then applies the colors of the groupings to each month, and arranges them symmetrically:

  • For a working calendar, I'd want to place the days (and months) in a sequence, rather than doing them in a purely symmetrical way.

  • Here's a proposed layout for one month:

    • In this layout... each day touches the previous and next days. It also lines up 1, 7, and 19 in a nice row!

    • Here are some similar layouts, where it is rotated to the right and each day is 'vertical' with a point on top:

Stacked Days

However, the hexagonal layouts don't allow the months to be tiled together in the same format...

Keeping the focus on the first 3 days of the month / year, and following the grouping of 3, 4, 6 and 6, here are some more options:

    • Centered layouts:

    • And a few more:

    • Here is an early version of a fully working stacked month display (from the Web Extension). The horizontal grey band across each day shows the length of time from midnight to local sunrise. The top section, showing the day number, shows the time from sunset to midnight. However, in this example (Calgary), the time is actually even smaller than what is shown here.

  • Attempting to display the information about the length of the night causes the calendar to be quite 'busy' and hard to understand at first glance.

  • Here is a more refined view (now implemented in the Web Extension):