{"id":2088,"date":"2026-07-07T09:05:47","date_gmt":"2026-07-07T09:05:47","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/docs\/uncategorized\/mermaid-js-kanban-board-syntax-workflow-guide\/"},"modified":"2026-07-07T09:05:47","modified_gmt":"2026-07-07T09:05:47","slug":"mermaid-js-kanban-board-syntax-workflow-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/","title":{"rendered":"Mermaid.js Kanban-Board-Syntax & Workflow-Leitfaden"},"content":{"rendered":"

Ein Kanban-Board ist ein visuelles Werkzeug zur Arbeitsablauf-Steuerung, das verwendet wird, um Aufgaben oder Arbeitsauftr\u00e4ge \u00fcber verschiedene Verarbeitungsstufen (wie Backlog, In Bearbeitung und Abgeschlossen) zu verfolgen. Als integrierte Funktion in Mermaid.js eingef\u00fchrt, erm\u00f6glicht dieser textbasierte Ansatz Entwicklerteams und Projektmanagern, schnell interaktive Aufgaben-Dashboards innerhalb von Dokumentationsdateien zu erstellen, ohne manuelle Verfolgungs-Apps oder Drittanbieter-Bildelemente verwalten zu m\u00fcssen.<\/p>\n

Grundlegende Syntaxstruktur<\/h2>\n

Jedes Kanban-Board beginnt mit dem kanban<\/code> Deklarationskopf. Spalten werden mit dem section<\/code> Schl\u00fcsselwort definiert, und einzelne Aufgabenkarten werden unter jeder Spalte sequenziell aufgelistet, indem Einr\u00fcckungsplatzhalter verwendet werden.<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nMermaid in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Mermaid<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Mermaid in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
kanban\r\ntitle \"Beispielprojekt-Sprint\"\r\nsection Todo\r\n  Datenbank-Schema entwerfen\r\n  API-Routen entwerfen\r\nsection In Bearbeitung\r\n  Auth-Middleware implementieren<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nMermaid in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
Syntax-Referenz<\/h2>\n
Die folgende Tabelle zerlegt die grundlegenden Datenkomponenten und Parameter, die zur Erstellung einer Kanban-Board-Karte in Mermaid.js verwendet werden.<\/p>\n\n\n\n\n\n\n\n\n\n\n
Syntax-Komponente<\/th>\nTyp-Anforderung<\/th>\nBeschreibung & Verwendungsregeln<\/th>\n<\/tr>\n<\/thead>\n
Deklaration<\/strong><\/td>\nSchl\u00fcsselwort-Bezeichner<\/td>\nInitialisiert die Parameter f\u00fcr die agile Arbeitsablauf-Block-Zuordnung. Muss genau das kanban<\/code> Block verwenden.<\/td>\n<\/tr>\n
Titel<\/strong><\/td>\nAngef\u00fchrter String<\/td>\nEin optionaler globaler Arbeitsbereichstitel, der zentral am oberen Rand des Kanban-Canvas platziert ist.<\/td>\n<\/tr>\n
Abschnittsspalte<\/strong><\/td>\nSchl\u00fcsselwort + Name<\/td>\nDefiniert eine unabh\u00e4ngige Spalte f\u00fcr einen Arbeitsablaufstadium. Verwenden Sie das section<\/code> Schl\u00fcsselwort gefolgt von der Beschriftung der Spalte.<\/td>\n<\/tr>\n
Standard-Aufgabenkarte<\/strong><\/td>\nEinger\u00fcckter String<\/td>\nEine reine Textbeschreibung, die eine einzelne Karte darstellt. Sie muss direkt unter ihrem aktiven Abschnitt einger\u00fcckt oder einger\u00fcckt sein.<\/td>\n<\/tr>\n
Aufgaben-ID-Karte<\/strong><\/td>\nEckige Kennung<\/td>\nEin erweitertes Format zur Aufgabenkartenverfolgung, das einen expliziten eindeutigen ID-Token zusammen mit seinem Anzeigetext verwendet: id[Card-Text]<\/code>.<\/td>\n<\/tr>\n
Metadatenblock<\/strong><\/td>\nJSON-Konfigurationskarte<\/td>\nEin optionaler Eigenschaftenblock, der mit der @{...}<\/code> Syntaxregel angeh\u00e4ngt wird, um Attribute wie Ticketpriorit\u00e4t oder Besitzer zuzuweisen.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n
Erweiterte Aufgabenattribute & Metadaten<\/h2>\n
F\u00fcr detaillierte Engineering-Sprints oder Fehlerverfolgungsabl\u00e4ufe k\u00f6nnen Sie Metadatenattribute direkt auf eine Karte setzen. Indem Sie eine eindeutige Knoten-ID (wie task1[...]<\/code>) mit einem abschlie\u00dfenden JSON-Konfigurationsdeklarationsblock (@{}<\/code>), k\u00f6nnen Sie strukturierte Variablen wie Aufgabenzuweisungen, Priorit\u00e4ten und interne Tracking-Tickets direkt auf der Vorderseite des Kartelements ausgeben.<\/p>\n
Unterst\u00fctzte Aufgabenvariablen<\/h3>\n\n\n\n\n\n\n\n
Attributschl\u00fcssel<\/th>\nWertformatierung<\/th>\nVisueller Ergebnis<\/th>\n<\/tr>\n<\/thead>\n
zugeordnet<\/code><\/td>\nZitiertes Zeichenfolgenname<\/td>\nRendert die zugewiesene Besitzer- oder Entwicklerbezeichnung direkt innerhalb der Karten-Detailmatrix.<\/td>\n<\/tr>\n
Priorit\u00e4t<\/code><\/td>\nZitierte Skalenzeichenfolge<\/td>\nZeigt Benchmarkwerte f\u00fcr die Aufgabenschwere (z.\u202fB. 'Hoch'<\/code>, 'Mittel'<\/code>, 'Niedrig'<\/code>).<\/td>\n<\/tr>\n
Ticket<\/code><\/td>\nGanzzahliger oder alphabetischer Token<\/td>\nVerfolgt verkn\u00fcpfte Entwicklungs-Aufgabennummern oder Systemprojekt-Codes.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n
Realit\u00e4tsnahe Vorlage: Agile Entwicklung Freigabe-Sprint<\/h2>\n
Diese umfassende Vorlage verfolgt eine Infrastruktur-Bereitstellungsfreigabe. Sie legt drei verschiedene Spalten (Backlog, In Bearbeitung und Bereit zur Bereitstellung) fest und nutzt erweiterte Aufgaben-IDs in Kombination mit strukturellen Metadaten-Parametern, um spezifische Entwickler und Ticket-Codes \u00fcber Features hinweg zuzuweisen.<\/p>\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nMermaid in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Mermaid<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
kanban\r\ntitel \"Q3 Kernfunktions-Freigabetafel\"\r\nabschnitt Backlog\r\n  task101[API-Endpunkt-Dokumentation erstellen]@{ zugeordnet: 'Sarah K', Priorit\u00e4t: 'Mittel' }\r\n  task102[Entwurf der Wireframes f\u00fcr die Landing Page]\r\nabschnitt In Bearbeitung\r\n  task201[Datenbank-Abfrage-Synchronisation verfeinern]@{ zugeordnet: 'Alex M', Priorit\u00e4t: 'Hoch', Ticket: 4012 }\r\n  task202[Lightbox-UI-Komponenten konfigurieren]@{ zugeordnet: 'Sarah K', Priorit\u00e4t: 'Niedrig' }\r\nabschnitt Bereit zur Bereitstellung\r\n  task301[Mehrfaktor-Authentifizierung f\u00fcr Benutzer implementieren]@{ zugeordnet: 'Dev-Team', Ticket: 3985 }<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nMermaid in VPasCode bearbeiten<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n\n
Syntax-Tipp:<\/strong> W\u00e4hrend einfache Aufgaben als unzitierte Textzeilen eingegeben werden k\u00f6nnen, m\u00fcssen komplexe Zuweisungen, die Metadatenparameter enthalten, *unbedingt* einen eindeutigen ID-Zuordnungs-String-Pr\u00e4fix verwenden (wie z.\u202fB. id1[...]@{...}<\/code>). Die Wiederverwendung derselben Aufgaben-ID an verschiedenen Stellen der Tafel \u00fcberschreibt Eigenschaften oder l\u00f6st Layout-Fehler aus.<\/em><\/p>\n\n
H\u00e4ufige Syntax-Fehler & Systembeschr\u00e4nkungen<\/h2>\n
Bei der Entwicklung hochdichter, mehrstufiger Layout-Systeme sollten diese strukturellen Fehlerbehebungsparameter ber\u00fccksichtigt werden:<\/p>\n
    \n
  • Die Regel: Abschnitt vor Karten:<\/strong> Alle Aufgabenkarten m\u00fcssen unter einem aktiven Spaltenblock liegen. Das Schreiben einer Aufgaben-Zeile direkt unter Ihrem Haupt-kanban<\/code> Titel, ohne zuerst einen abschnitt<\/code> Spaltenkopf zu deklarieren, stoppt die Kompilierung.<\/li>\n
  • Leerzeichen und Einr\u00fcckung:<\/strong> Der Verfolgungs-Layout-Engine gruppiert Karten basierend auf Zeilen-Einr\u00fcckung. Stellen Sie sicher, dass alle Aufgabenkarten-Zeilen einheitlich unter ihren aktiven abschnitt<\/code> Tags einger\u00fcckt sind, um Ausrichtungsfehler zu vermeiden.<\/li>\n
  • Metadaten-Trennzeichen-Format:<\/strong> Beim Erstellen benutzerdefinierter Attribute innerhalb eines @{ }<\/code> Block m\u00fcssen Schl\u00fcssel und Werte g\u00fcltigen Systemargumenten entsprechen. Trennen Sie mehrere Attribute durch Kommas und verwenden Sie saubere Anf\u00fchrungszeichen um Ihre Zeichenkettenzuweisungen.<\/li>\n
  • Verwaltung der Karten-Dichte:<\/strong> Obwohl das Kanban-Element vollst\u00e4ndig reaktionsf\u00e4hig ist, kann die \u00dcberf\u00fcllung einer einzelnen Tafel mit mehr als 5 Spalten oder das Hinzuf\u00fcgen von Dutzenden dichter Metadatenzeilen die Scannbarkeit auf mobilen Ger\u00e4ten verringern. Passen Sie Ihre Layout-Abstandseinstellungen bewusst an.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Ein Kanban-Board ist ein visuelles Werkzeug zur Arbeitsablauf-Steuerung, das verwendet wird, um Aufgaben oder Arbeitsauftr\u00e4ge \u00fcber verschiedene Verarbeitungsstufen (wie Backlog, In Bearbeitung und Abgeschlossen) zu verfolgen. Als integrierte Funktion in Mermaid.js eingef\u00fchrt, erm\u00f6glicht dieser textbasierte Ansatz Entwicklerteams und Projektmanagern, schnell…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":17,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2088","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nMermaid Kanban Board Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Build lightweight task workflow boards using Mermaid Kanban syntax inside VPasCode, your text to diagram tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid Kanban Board Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Build lightweight task workflow boards using Mermaid Kanban syntax inside VPasCode, your text to diagram tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4cc1c40f436.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/\",\"name\":\"Mermaid Kanban Board Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4cc1c40f436.png\",\"datePublished\":\"2026-07-07T09:05:47+00:00\",\"description\":\"Build lightweight task workflow boards using Mermaid Kanban syntax inside VPasCode, your text to diagram tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4cc1c40f436.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4cc1c40f436.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Mermaid.js Kanban-Board-Syntax & Workflow-Leitfaden\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mermaid Kanban Board Syntax | VPasCode Text to Diagram Guide","description":"Build lightweight task workflow boards using Mermaid Kanban syntax inside VPasCode, your text to diagram tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/","og_locale":"de_DE","og_type":"article","og_title":"Mermaid Kanban Board Syntax | VPasCode Text to Diagram Guide","og_description":"Build lightweight task workflow boards using Mermaid Kanban syntax inside VPasCode, your text to diagram tool.","og_url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4cc1c40f436.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/","url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/","name":"Mermaid Kanban Board Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4cc1c40f436.png","datePublished":"2026-07-07T09:05:47+00:00","description":"Build lightweight task workflow boards using Mermaid Kanban syntax inside VPasCode, your text to diagram tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4cc1c40f436.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4cc1c40f436.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/de\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/de\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Mermaid.js Kanban-Board-Syntax & Workflow-Leitfaden"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/de\/#website","url":"https:\/\/www.vpascode.com\/de\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/de\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs\/2088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/media?parent=2088"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_collection?post=2088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}