TimelineProject roadmapSimple

Product launch — timeline

One launch year as a sectioned timeline: two halves, four quarters, and the headline events under each — the recap slide that usually gets hand-drawn.

Product launch — timeline preview

What this diagram shows

Step 01
Periods carry the events

Each quarter is one period on the spine; everything that happened in it stacks underneath as event cards. No dates, no durations — just what happened, in order.

Step 02
Sections chunk the year

The H1 / H2 sections band the quarters into halves so a reader can jump to the part they care about instead of scanning the whole track.

Step 03
Upgrade to Gantt when work goes parallel

The moment two streams run at once or a task depends on another, this stops being a timeline story — switch the header to `gantt` and add dates.

About timeline diagrams

Timelines lay events along a single chronological track, grouped into periods. They fit launch recaps, project history, and release notes — stories where the only structure is what happened when, with no parallel streams or dependencies.

This template is written in Mermaid — plain text you can edit, version in git, and regenerate the image from any time.

View Mermaid sourcePlain-text diagram syntax — copy or edit directly.
diagram.mmd
1timeline
2 title Product launch year
3 section H1
4 Q1 : Private alpha : Design reviews
5 Q2 : Closed beta : First paid customer
6 section H2
7 Q3 : Public beta : Marketing site live
8 Q4 : GA launch : Partner integrations