{"id":2088,"date":"2026-07-07T09:05:47","date_gmt":"2026-07-07T09:05:47","guid":{"rendered":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/","title":{"rendered":"Syntax du tableau Kanban Mermaid.js & Guide de workflow"},"content":{"rendered":"

Un tableau Kanban est un outil de gestion visuelle des workflows utilis\u00e9 pour suivre les t\u00e2ches ou les \u00e9l\u00e9ments de travail \u00e0 travers diff\u00e9rentes \u00e9tapes de traitement (telles que la liste d’attente, en cours et termin\u00e9). Introduit comme fonctionnalit\u00e9 native dans Mermaid.js, cette approche bas\u00e9e sur le texte permet aux \u00e9quipes de d\u00e9veloppement et aux gestionnaires de projet de cr\u00e9er rapidement des tableaux de bord interactifs pour les t\u00e2ches \u00e0 l’int\u00e9rieur des fichiers de documentation, sans avoir \u00e0 g\u00e9rer des applications de suivi manuelles ou des \u00e9l\u00e9ments d’image tiers.<\/p>\n

Structure de syntaxe de base<\/h2>\n

Chaque tableau Kanban commence par le kanban<\/code> en-t\u00eate de d\u00e9claration. Les colonnes sont d\u00e9finies \u00e0 l’aide du mot-cl\u00e9 section<\/code> et les cartes de t\u00e2ches individuelles sont list\u00e9es s\u00e9quentiellement sous chaque colonne en utilisant des blocs d’espacement d’indentation.<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier Mermaid dans VPasCode<\/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\ntitre \"Sprint de projet d'exemple\"\r\nsection \u00c0 faire\r\n  Concevoir le sch\u00e9ma de base de donn\u00e9es\r\n  R\u00e9diger les routes de l'API\r\nsection En cours\r\n  Mettre en \u0153uvre le middleware d'authentification<\/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>
\nModifier Mermaid dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
R\u00e9f\u00e9rence de syntaxe<\/h2>\n
Le tableau ci-dessous d\u00e9taille les composants de donn\u00e9es fondamentaux et les param\u00e8tres utilis\u00e9s pour cr\u00e9er une carte de tableau Kanban dans Mermaid.js.<\/p>\n\n\n\n\n\n\n\n\n\n\n
Composant de syntaxe<\/th>\nExigence de type<\/th>\nDescription et r\u00e8gles d’utilisation<\/th>\n<\/tr>\n<\/thead>\n
D\u00e9claration<\/strong><\/td>\nIdentificateur de mot-cl\u00e9<\/td>\nInitialise les param\u00e8tres de cartographie du bloc de workflow agile. Doit utiliser exactement le bloc kanban<\/code> bloc.<\/td>\n<\/tr>\n
Titre<\/strong><\/td>\nCha\u00eene entre guillemets<\/td>\nUn titre facultatif pour l’espace de travail global, centr\u00e9 proprement en haut du canevas Kanban.<\/td>\n<\/tr>\n
Colonne de section<\/strong><\/td>\nMot-cl\u00e9 + Nom<\/td>\nD\u00e9finit une colonne d’\u00e9tape de workflow ind\u00e9pendante. Utilisez le mot-cl\u00e9 section<\/code>suivi du libell\u00e9 de la colonne.<\/td>\n<\/tr>\n
Carte de t\u00e2che standard<\/strong><\/td>\nCha\u00eene indent\u00e9e<\/td>\nUne description en texte brut repr\u00e9sentant une seule carte. Elle doit \u00eatre tabul\u00e9e ou indent\u00e9e directement sous sa section active.<\/td>\n<\/tr>\n
Carte d’identification de t\u00e2che<\/strong><\/td>\nIdentifiant entre crochets<\/td>\nUn format avanc\u00e9 de suivi de carte de t\u00e2che utilisant un jeton d’ID unique explicite aux c\u00f4t\u00e9s de son libell\u00e9 d’affichage :id[Texte de la carte]<\/code>.<\/td>\n<\/tr>\n
Bloc de m\u00e9tadonn\u00e9es<\/strong><\/td>\nCarte de configuration JSON<\/td>\nUn bloc facultatif de propri\u00e9t\u00e9s ajout\u00e9 en utilisant la r\u00e8gle de syntaxe@{...}<\/code> pour attribuer des attributs tels que la priorit\u00e9 du ticket ou les responsables.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n
Attributs et m\u00e9tadonn\u00e9es avanc\u00e9s de t\u00e2che<\/h2>\n
Pour des sprints d’ing\u00e9nierie d\u00e9taill\u00e9s ou des workflows de suivi des bogues, vous pouvez attribuer directement des attributs de m\u00e9tadonn\u00e9es \u00e0 une carte. En associant un ID de n\u0153ud unique (commetask1[...]<\/code>) avec un bloc d\u00e9claratif JSON en fin (@{}<\/code>), vous pouvez afficher des variables structur\u00e9es telles que les assignataires de t\u00e2che, les priorit\u00e9s et les tickets de suivi internes directement sur la face de l’\u00e9l\u00e9ment de carte.<\/p>\n
Variables de t\u00e2che prises en charge<\/h3>\n\n\n\n\n\n\n\n
Cl\u00e9 d’attribut<\/th>\nFormatage de la valeur<\/th>\nR\u00e9sultat visuel<\/th>\n<\/tr>\n<\/thead>\n
assign\u00e9<\/code><\/td>\nNom de cha\u00eene entre guillemets<\/td>\nAffiche l’\u00e9tiquette du propri\u00e9taire ou du d\u00e9veloppeur assign\u00e9 directement dans la matrice des d\u00e9tails de la carte.<\/td>\n<\/tr>\n
priorit\u00e9<\/code><\/td>\nCha\u00eene d’\u00e9chelle entre guillemets<\/td>\nAffiche les rep\u00e8res de gravit\u00e9 de la t\u00e2che (par exemple, '\u00c9lev\u00e9e'<\/code>, 'Moyen'<\/code>, 'Faible'<\/code>).<\/td>\n<\/tr>\n
ticket<\/code><\/td>\nJeton entier ou alphanum\u00e9rique<\/td>\nSuivi des num\u00e9ros de t\u00e2ches de d\u00e9veloppement li\u00e9es ou des codes de projet syst\u00e8me.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n
Maquette du monde r\u00e9el : Sprint de d\u00e9ploiement Agile<\/h2>\n
Cette maquette compl\u00e8te suit un d\u00e9ploiement de d\u00e9ploiement d’infrastructure. Elle d\u00e9finit trois colonnes distinctes (Backlog, En cours et Pr\u00eat au d\u00e9ploiement) et utilise des identifiants de t\u00e2ches avanc\u00e9s associ\u00e9s \u00e0 des param\u00e8tres de m\u00e9tadonn\u00e9es structurelles pour attribuer des d\u00e9veloppeurs sp\u00e9cifiques et des codes de ticket \u00e0 travers les fonctionnalit\u00e9s.<\/p>\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier Mermaid dans VPasCode<\/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\ntitre \"Tableau de d\u00e9ploiement des fonctionnalit\u00e9s principales du Q3\"\r\nsection Backlog\r\n  task101[Cr\u00e9er la documentation des points d'API]@{ attribu\u00e9: 'Sarah K', priorit\u00e9: 'Moyen' }\r\n  task102[Concevoir les maquettes de la page d'accueil]\r\nsection En cours\r\n  task201[Affiner la synchronisation des requ\u00eates de base de donn\u00e9es]@{ attribu\u00e9: 'Alex M', priorit\u00e9: '\u00c9lev\u00e9e', ticket: 4012 }\r\n  task202[Configurer les composants d'interface utilisateur Lightbox]@{ attribu\u00e9: 'Sarah K', priorit\u00e9: 'Faible' }\r\nsection Pr\u00eat au d\u00e9ploiement\r\n  task301[Impl\u00e9menter l'authentification multifacteur utilisateur]@{ attribu\u00e9: '\u00c9quipe Dev', 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>
\nModifier Mermaid dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n\n
Astuce de syntaxe :<\/strong> Bien que les t\u00e2ches simples puissent \u00eatre saisies en tant que lignes de texte brut non entre guillemets, les affectations complexes qui comportent des param\u00e8tres m\u00e9tadonn\u00e9es *doivent* utiliser un pr\u00e9fixe de cha\u00eene d’ID unique (tel que id1[...]@{...}<\/code>). R\u00e9utiliser le m\u00eame identifiant de t\u00e2che exactement \u00e0 diff\u00e9rentes parties du tableau \u00e9crasera les propri\u00e9t\u00e9s ou provoquera des erreurs de mise en page.<\/em><\/p>\n\n
P\u00e9ch\u00e9s courants de syntaxe et contraintes du syst\u00e8me<\/h2>\n
Lors de la conception de syst\u00e8mes de mise en page hautement denses et \u00e0 plusieurs \u00e9tapes, gardez ces param\u00e8tres de d\u00e9pannage structurels \u00e0 l’esprit :<\/p>\n
    \n
  • La r\u00e8gle de la section avant les cartes :<\/strong> Toutes les cartes de t\u00e2ches doivent se trouver sous un bloc de colonne actif. \u00c9crire une ligne de cha\u00eene de t\u00e2che imm\u00e9diatement sous votre titre principal kanban<\/code> sans d\u00e9clarer une section<\/code>en-t\u00eate de colonne en premier arr\u00eatera la compilation.<\/li>\n
  • Espaces et tabulations :<\/strong> Le moteur de mise en page de suivi regroupe les cartes en fonction des tabulations d’indentation des lignes. Assurez-vous que toutes les lignes de cartes de t\u00e2ches sont uniform\u00e9ment indent\u00e9es sous leurs balises section<\/code>pour \u00e9viter les ruptures d’alignement.<\/li>\n
  • Format du d\u00e9limiteur de m\u00e9tadonn\u00e9es :<\/strong> Lors de la cr\u00e9ation de caract\u00e9ristiques personnalis\u00e9es \u00e0 l’int\u00e9rieur d’un @{ }<\/code> bloc, les cl\u00e9s et les valeurs doivent correspondre \u00e0 des arguments syst\u00e8me valides. S\u00e9parez plusieurs attributs par des virgules et utilisez des guillemets propres pour entourer vos affectations de cha\u00eenes.<\/li>\n
  • Gestion de la densit\u00e9 des cartes :<\/strong> Bien que le composant Kanban soit enti\u00e8rement r\u00e9actif, surcharger un tableau unique avec plus de 5 colonnes ou ajouter des dizaines de lignes de m\u00e9tadonn\u00e9es denses peut r\u00e9duire la lisibilit\u00e9 sur mobile. Ajustez intentionnellement vos r\u00e8gles d’espacement de mise en page.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Un tableau Kanban est un outil de gestion visuelle des workflows utilis\u00e9 pour suivre les t\u00e2ches ou les \u00e9l\u00e9ments de travail \u00e0 travers diff\u00e9rentes \u00e9tapes de traitement (telles que la liste d’attente, en cours et termin\u00e9). Introduit comme fonctionnalit\u00e9 native…<\/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\/fr\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/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=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/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\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/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\\\/fr\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/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\\\/fr\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Syntax du tableau Kanban Mermaid.js & Guide de workflow\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/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\/fr\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/","og_locale":"fr_FR","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\/fr\/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":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/","url":"https:\/\/www.vpascode.com\/fr\/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\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/fr\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Syntax du tableau Kanban Mermaid.js & Guide de workflow"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/fr\/#website","url":"https:\/\/www.vpascode.com\/fr\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/fr\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs\/2088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/media?parent=2088"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_collection?post=2088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}