Skip to main content

Guide

How it works

Stratatouille lays lives, eras, and events on one scaled timeline so you can see what overlapped what — the name is strata (layers of history) plus ratatouille (a mix of ingredients that works better together).

1. Start with a board

A board is your comparison — a title, an optional overall date range, and a set of lanes. Each lane is a person, an organization, an era, or any thread you want to place on the timeline.

2. Add lanes and fill them in

Every lane is marked protagonist — the subjects you’re focused on — or context — the backdrop around them. You can fill a lane’s entries four ways:

  • By hand. Type each entry into the grid — dates parse naturally (1949, c. 1976, late 1973).
  • In bulk. Paste rows from a spreadsheet — tab or comma-separated — and the grid fills itself in, up to five columns (date, end, label, description, source).
  • From the library. Drop in a ready-made context lane — US Presidents, Popes, Chief Justices, Nobel laureates, and more — with events already dated and sourced.
  • Live from Wikidata. Search a person to add their lifespan, or search an office to add its full run of holders — every US president, each with dates.

Recolor or reorder lanes any time; each lane keeps a distinct color and shape marker so it stays tellable-apart in grayscale or for color-blind readers.

3. Compare

Every board has a Compare tab that draws all its lanes on a single, date-scaled timeline. Zoom in and out, fit to the data, pan by dragging, and click a lane’s gutter label to focus it. A text-table equivalent of the same data is always available, one click away.

Trust the picture

Every entry can carry a source — a link or a plain citation — shown in its tooltip and the text-table. Imported Wikidata lanes link back to their source automatically, so the comparison stays honest about where its facts come from.

How fuzzy dates work

History is rarely precise to the day. Stratatouille figures out how precise a date is — year, decade, circa, or exact — late 1973and renders it with an honest amount of visual softness, instead of pretending to a precision the historical record doesn’t support.

Type dates the way you’d naturally write them:

  • 1949a plain year
  • 1980sa decade
  • c. 1976circa, for an approximate year
  • Dec 1993a month and year
  • 2 Dec 1993an exact day
  • late 1973a qualified year (early/mid/late)

Stratatouille infers the precision and rendersit accordingly — a circadate gets the softest fade, when a decadegets a broad, gentle band. This is about how sure the historical record is, not just what you type.

You typePrecisionOn the timeline
2 Dec 1993DayA crisp point
Dec 1993MonthA lightly softened point
1949YearA softer band
late 1973Year (qualified)A softer band, offset within the year
1980sDecadeA broad, gentle band
c. 1976CircaThe softest fade, dashed outline

Readable for everyone

The comparison view is built to WCAG 2.1 AA. It never relies on color alone — every lane pairs a hue with a distinct shape marker — and a screen-reader text-table equivalent of the visual is always available. Read the full Accessibility Statement.

Take it with you

Export the current comparison as a PNG for slides and docs, an SVG crisp at any size, or a JSON snapshot of the underlying data. Or publish the board as an unlisted, read-only link that anyone can view without an account.