typst-business-templatesv0.3.0

← All examples

Diagram: timeline

Two phases and two milestones with dependencies on a calendar axis.

Diagram: timeline

examples/diagrams/timeline.json
{
  "schemaVersion": 1,
  "type": "timeline",
  "title": "Produkt-Rollout",
  "source": "Phasen vom Kickoff bis zum Launch",
  "timeline": {
    "items": [
      {
        "id": "kickoff",
        "label": "Kickoff",
        "at": "2026-01-12"
      },
      {
        "id": "wireframes",
        "label": "Wireframes",
        "start": "2026-01-12",
        "end": "2026-02-27",
        "after": [
          "kickoff"
        ]
      },
      {
        "id": "implementation",
        "label": "Implementierung",
        "start": "2026-03-02",
        "end": "2026-05-29",
        "after": [
          "wireframes"
        ]
      },
      {
        "id": "launch",
        "label": "Launch",
        "at": "2026-06-08",
        "after": [
          "implementation"
        ]
      }
    ]
  }
}
Timeline “Produkt-Rollout” from January to June 2026 with the milestones kickoff and launch and the phases wireframes and implementation, linked by dependency arrows.
First page, compiled by typstgen. Open diagram-timeline.pdf (21 KiB)
  • diagram
  • timeline
  • chartlet