PPTX.gallery

Diagram

Kanban

Use a kanban diagram to show work items in the columns of a workflow, such as the status of a team's current projects.

kanbankanban
Backlog holds the pricing page and usage alerts, SSO login is in progress, billing export is in review and onboarding emails are done.
The sample below, drawn with the gallery's default theme. Another theme, color scheme or variant redraws the same source in its fonts and colors.

First line

The first word of the source, kanban, names the Mermaid family; the rest follows Mermaid's syntax for it.

Alt text

Backlog holds the pricing page and usage alerts, SSO login is in progress, billing export is in review and onboarding emails are done.

Markdown

A mermaid fence is a diagram; alt is its text alternative.
OPF Markdown
# Kanban

```mermaid alt="Backlog holds the pricing page and usage alerts, SSO login is in progress, billing export is in review and onboarding emails are done."
kanban
  Backlog
    a[Pricing page]
    b[Usage alerts]
  In progress
    c[SSO login]
  Review
    d[Billing export]
  Done
    e[Onboarding emails]
```

Layouts That Take It

Give the slide one of these layouts to place the diagram in a region, or none to compose it automatically.

OPF Config

diagrams:kanban
OPF JSON
{
  "$schema": "https://openpresentation.org/schema/opf/v1",
  "name": "PPTX.gallery — diagrams/kanban",
  "description": "Use a kanban diagram to show work items in the columns of a workflow, such as the status of a team's current projects.",
  "tags": [
    "gallery:diagrams/kanban"
  ],
  "slides": [
    {
      "id": "gallery-preview-1",
      "layout": "chart",
      "title": "Kanban",
      "diagram": {
        "source": "kanban\n  Backlog\n    a[Pricing page]\n    b[Usage alerts]\n  In progress\n    c[SSO login]\n  Review\n    d[Billing export]\n  Done\n    e[Onboarding emails]",
        "alt": "Backlog holds the pricing page and usage alerts, SSO login is in progress, billing export is in review and onboarding emails are done."
      }
    }
  ],
  "catalogs": {
    "default": {
      "source": "https://www.pptx.gallery",
      "layouts": {
        "chart": {
          "name": "Chart",
          "summary": "One to six charts, with an optional note.",
          "tags": [
            "Visuals"
          ],
          "direction": "column",
          "regions": [
            {
              "name": "title"
            },
            {
              "name": "charts",
              "accepts": [
                "chart",
                "group",
                "diagram"
              ],
              "role": "primary",
              "flow": "grid"
            },
            {
              "name": "note",
              "size": "auto",
              "accepts": [
                "text"
              ],
              "role": "supporting",
              "flow": "none"
            }
          ],
          "description": "Give a chart enough space to show its evidence. Use the title to state the conclusion and labels to explain the measures.",
          "preview": {
            "vectorSrc": "https://www.pptx.gallery/layout-previews/chart.svg"
          }
        }
      }
    }
  }
}
Open in visual editorOpen in Inspector

Load this config in the gallery's visual editor, or in the Inspector at pptx.dev.

Other Diagrams