Apparently these pages rank high for some SEO searches (see google.com/webmasters). Specifically, "Your life in months".

To make the experience better for these users better, I should:

• Make the other demos (weeks, years, etc) accessible from each page.
• Link to the github repo for this project, probably by using that red ribbon thing.
• Link to the original Wait but why article: https://waitbutwhy.com/2014/05/life-weeks.html
• Add a description meta tag.

Awesome project! Love that you made it interactive, and it's simplistic design! 👍

I believe it would enhance the experience if you would flip the axes of the "weeks view" so that age runs along the "x-axis" when viewing the website in landscape mode (i.e. on a computer). Now I have to scroll in order to see the whole visualization which makes it more difficult to get a grasp for what proportion of my life is already consumed. I see that the current design stays faithful to the graphic of the blog post, but maybe it's worth the compromise in order to communicate the message more clearly.

Awesome website!! 😄

It would be pretty cool to click and drag around on the grid and watch the date get constantly updated.

Beyond just a fun interactivity trick, it could help you get a "feel" for years and life percentages, kind of like dragging around a google map gives you a feel for an area of the world.

For better google search results snippets.

Also: review the search results snippet. I could probably improve the title by adding the word "Interactive", or improve the description somehow.

Years

If you count the markers, you'll see that it's off by one for part of the year.

Weeks

The Week's one can look incorrect because a year technically has 52.143 weeks (to see the discrepancy, look at the chart for an exact 10 year period).

One solution to this is to calculate weeks by first calculating years, and then adding any remaining time on as weeks. This would be technically less accurate (not highlighting the exact number of weeks), but would appear more congruent with the chart.

I also got an email report of this issue that I'll include here as well:

Things I could do, in rough order of value:

• Save a user's birthday in local storage and prepopulate when revisiting the page. [fixed in https://github.com//pull/6]
• If a user clicks the dropdown to switch between weeks/months/years, check to see if a date has already been chosen and pass that date to the next page, using either localstorage or query parameters. [fixed in https://github.com//pull/6]
• Improve validation (no days above 31, or even month-specific validation).
• Improve arrow-key incrementing/decrementing of days (by preventing users from choosing invalid days). A truly accurate version (with month-specific validation) could be pretty complex.

Even better: Switch to an <input type="date"> field

• Browser support is good now
• This would prevent invalid entries and improve UX and accessibility on both mobile and desktop.

Here's what it looks like (very similar between andorid/ios):

Weeks	Years

Possible improvements:

• Add page margin so the graphic doesn't go right up to the edge of the screen on mobile (specifically, the "90" gets cut off, though it isn't shown on the screenshot above).
• Change the day and year fields to use inputmode="numeric" (so the numberic keyboard comes up). See here.

This was requested via email.

I really just need to check what a print-preview of each one looks like, and set up a print stylesheet with any necessary fixes.