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
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:kanbanOPF 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.