typst-business-templatesv0.3.0

← All examples

Diagram: flow

Steps, a decision and a loop back as nodes and edges; chartlet computes the layout.

Diagram: flow

examples/diagrams/flow.json
{
  "schemaVersion": 1,
  "type": "flow",
  "title": "Projektfreigabe",
  "source": "Von der Anfrage bis zur Auslieferung",
  "height": 640,
  "flow": {
    "nodes": [
      {
        "id": "anfrage",
        "label": "Anfrage",
        "kind": "start"
      },
      {
        "id": "analyse",
        "label": "Analyse"
      },
      {
        "id": "entscheidung",
        "label": "Freigabe?",
        "kind": "decision"
      },
      {
        "id": "umsetzung",
        "label": "Umsetzung"
      },
      {
        "id": "qa",
        "label": "QA & Abnahme"
      },
      {
        "id": "go-live",
        "label": "Go-Live",
        "kind": "end"
      }
    ],
    "edges": [
      {
        "from": "anfrage",
        "to": "analyse",
        "label": "Briefing"
      },
      {
        "from": "analyse",
        "to": "entscheidung",
        "label": "Konzept"
      },
      {
        "from": "entscheidung",
        "to": "umsetzung",
        "label": "Ja"
      },
      {
        "from": "entscheidung",
        "to": "analyse",
        "label": "Nein",
        "dash": "dashed"
      },
      {
        "from": "umsetzung",
        "to": "qa",
        "label": "Build"
      },
      {
        "from": "qa",
        "to": "go-live",
        "label": "Freigabe"
      }
    ],
    "mainPath": [
      "anfrage",
      "analyse",
      "entscheidung",
      "umsetzung",
      "qa",
      "go-live"
    ]
  }
}
Vertical flow chart “Projektfreigabe” from request through analysis and an approval decision, with a dashed loop back on “Nein”, to implementation, QA and go-live; edges are labelled.
First page, compiled by typstgen. Open diagram-flow.pdf (21 KiB)
  • diagram
  • flow
  • chartlet