Company Milestones Timeline
The code
timeline
title Company Milestones
2016 : Founded in a garage
2018 : First 1000 customers
2020 : Series B funding
2022 : London office opens
2024 : One million users
2026 : Platform 2.0 launches
How this template works
Every company deck has a history slide, and a timeline is the honest version of one: years down the left, one milestone per year, no adjectives. This template covers a decade from founding to a platform launch, and it is the starting point for about pages, investor updates, and onboarding docs.
The syntax is the shortest of any Mermaid type here. timeline declares the type; title Company Milestones names it. Every content line has the form Period : Event — the period is free text, so 2016, Q3 2025, and Spring all work identically — and the colon separates it from the event. Rows render top to bottom in the order you write them, which means the source order is the story order. One event per line is the rule that keeps the chart clean; if a year genuinely has two milestones, add a second line for the same period rather than cramming both into one row.
The gotchas: the colon is the parser’s dividing line, so an event containing a colon — “Raised $5M: Series B” — breaks the line or truncates the text. Keep colons out of events. Second, the diagram renders in source order, so a year written out of sequence will display out of sequence; Mermaid does not sort periods for you. Third, keep events short — a timeline row is a headline, not a sentence, and long text wraps badly on narrow screens.
To adapt it, swap the periods for quarters or months, trim to the four milestones that matter for your audience, or extend the format to a product’s version history. The structure does not change; only the labels do.
Related templates: the product launch timeline for the forward-looking version of the same chart, the website launch plan when the next milestone needs day-level scheduling, and the product roadmap mindmap for the unordered version of the same story. Full reference: the timeline diagram guide.
Variations to try
- Swap years for quarters or months when the story you need to tell covers a single year instead of a decade.
- Trim to the four milestones that matter for your audience — an investor deck needs fewer, sharper rows than an about page.
