Timeline

A timeline diagram. Events are placed along a horizontal axis at positions proportional to their dates. Used for project histories, product roadmaps, and chronological narratives.

Fields

FieldRequiredTypeDescription
kindyes"timeline"Must be exactly "timeline"
titlenostringTitle rendered above the diagram
eventsyesarray of EventAt least two events required

Event fields

FieldRequiredTypeDescription
dateyesstringDate as YYYY, YYYY-MM, or YYYY-MM-DD. Partial forms are placed at the start of that year/month.
labelyesstringText displayed above or below the event marker

Rendering rules

  • Events are sorted by date and placed along a horizontal axis.
  • The horizontal position of each event is proportional to its date within the overall date range.
  • Event labels alternate above and below the axis to reduce overlap.
  • The date string is displayed below each event marker.
  • At least two events are required to establish a time range.

Example

Product Launch History Alpha 2024-01-15 Beta 2024-04-01 Launch 2024-07-20 v2.0 2024-12-01