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:
1949— a plain year1980s— a decadec. 1976— circa, for an approximate yearDec 1993— a month and year2 Dec 1993— an exact daylate 1973— a 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 type | Precision | On the timeline |
|---|---|---|
| 2 Dec 1993 | Day | A crisp point |
| Dec 1993 | Month | A lightly softened point |
| 1949 | Year | A softer band |
| late 1973 | Year (qualified) | A softer band, offset within the year |
| 1980s | Decade | A broad, gentle band |
| c. 1976 | Circa | The 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.