typst-business-templatesv0.7.2

← All examples

Diagram: roadmap

Three streams across four quarters, items connected within their stream.

Diagram: roadmap

examples/diagram-roadmap/diagram.json
{
  "document": {
    "paper": "presentation-16-9",
    "margin": "12mm",
    "background": "#f8fafc"
  },
  "diagram": {
    "kind": "roadmap",
    "title": "Roadmap 2026",
    "subtitle": "Streams und Quartale"
  },
  "lanes": ["Platform", "Growth", "Operations"],
  "phases": ["Q1", "Q2", "Q3", "Q4"],
  "nodes": [
    {
      "id": "platform-core",
      "label": "Core Refactor",
      "lane": "Platform",
      "phase": "Q1",
      "style": { "fill": "#dbeafe", "stroke": "#2563eb" }
    },
    {
      "id": "api-version",
      "label": "API v2",
      "lane": "Platform",
      "phase": "Q3",
      "style": { "fill": "#dbeafe", "stroke": "#2563eb" }
    },
    {
      "id": "seo",
      "label": "SEO Sprint",
      "lane": "Growth",
      "phase": "Q2",
      "style": { "fill": "#dcfce7", "stroke": "#16a34a" }
    },
    {
      "id": "crm",
      "label": "CRM Automation",
      "lane": "Growth",
      "phase": "Q4",
      "style": { "fill": "#dcfce7", "stroke": "#16a34a" }
    },
    {
      "id": "backup",
      "label": "Backup Redesign",
      "lane": "Operations",
      "phase": "Q2",
      "style": { "fill": "#fef3c7", "stroke": "#d97706" }
    },
    {
      "id": "monitoring",
      "label": "Monitoring Refresh",
      "lane": "Operations",
      "phase": "Q3",
      "style": { "fill": "#fef3c7", "stroke": "#d97706" }
    }
  ],
  "edges": [
    { "from": "platform-core", "to": "api-version" },
    { "from": "seo", "to": "crm" },
    { "from": "backup", "to": "monitoring" }
  ]
}
Roadmap diagram “Roadmap 2026” with quarters Q1 to Q4 and the streams platform, growth and operations, two connected items per stream.
First page, compiled by docgen. Open diagram-roadmap.pdf (27 KiB)
  • diagram
  • roadmap