Timeline (history)

Native historical / era timelines. Declare an axis with start and end years, drop labelled `event` points at specific dates, draw `era` bands spanning ranges (Bronze Age, Renaissance, Cold War), and stack lanes for parallel narratives (e.g. politics vs. science). Renders with smart label dodging so dense periods stay readable. Distinct from Gantt — built for centuries and millennia, not sprint days.

Templates

Source language

plaintext

Workstation

Studio

Engine id

timeline

Open in Studio

In the same space

Most users come to Timeline (history) from TimelineJS or PowerPoint timelines. flowss runs this engine in the browser — no install, shareable via URL, exportable to PNG / SVG / PDF / source.

Syntax at a glance

axis 1900 2025
era 1914 1918 "WWI"
lane "Tech"
event 1969 "Apollo 11"

Paste this in the Studio code pane to see Timeline (history) render live. The full grammar is at the upstream-docs link above.

Sample templates

All 49 →

custom

Timeline — 20th-century technology

Parallel science / computing / politics narrative.

custom

Timeline — antiquity

Major events from -3000 to 500 CE.

custom

Timeline — Renaissance + early modern

Cultural / scientific milestones 1400–1800.

business

Timeline — company milestones

Startup company growth across years.

project

Product Roadmap (Timeline)

Release milestones across two phases.

project

Project Phases (Timeline)

Discovery and delivery phases with milestones.

Engine reference: timeline · ← Browse all engines · Quick-start guide