{"id":2094,"date":"2026-07-02T09:03:07","date_gmt":"2026-07-02T09:03:07","guid":{"rendered":"https:\/\/www.vpascode.com\/fr\/docs\/uncategorized\/mermaid-js-venn-diagram-syntax-layout-guide\/"},"modified":"2026-07-02T09:03:07","modified_gmt":"2026-07-02T09:03:07","slug":"mermaid-js-venn-diagram-syntax-layout-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","title":{"rendered":"Guide de syntaxe et de mise en page des diagrammes de Venn de Mermaid.js"},"content":{"rendered":"

Les diagrammes de Venn montrent les relations logiques entre diff\u00e9rents ensembles ou groupes de donn\u00e9es \u00e0 l’aide de cercles superpos\u00e9s. Cette approche bas\u00e9e sur le texte vous permet de repr\u00e9senter rapidement des concepts situ\u00e9s \u00e0 l’intersection de plusieurs cat\u00e9gories, sans avoir \u00e0 manipuler des outils de conception graphique manuelle.<\/p>\n

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

Chaque diagramme de Venn commence par la d\u00e9claration venn-beta<\/code> d\u00e9claration, suivie de la d\u00e9finition des groupes individuels \u00e0 l’aide du mot-cl\u00e9 set<\/code> mot-cl\u00e9. Vous d\u00e9finissez ensuite la mani\u00e8re dont ces groupes se chevauchent \u00e0 l’aide du mot-cl\u00e9 union<\/code> mot-cl\u00e9.<\/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 
venn-beta\r\nset GroupA [\"\u00c9tiquette A\"]\r\nset GroupB [\"\u00c9tiquette B\"]\r\nunion GroupA, GroupB [\"\u00c9tiquette d'intersection\"]<\/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 \u00e9l\u00e9ments principaux utilis\u00e9s pour construire un diagramme de Venn dans Mermaid.js.<\/p>\n\n\n\n\n\n\n\n\n\n
Composant<\/th>\nDescription<\/th>\nExemple de syntaxe<\/th>\n<\/tr>\n<\/thead>\n
D\u00e9claration<\/strong><\/td>\nInitialise le rendu du diagramme de Venn (actuellement en version b\u00eata).<\/td>\nvenn-beta<\/code><\/td>\n<\/tr>\n
Set<\/strong><\/td>\nD\u00e9finit une cat\u00e9gorie de donn\u00e9es ind\u00e9pendante ou un cercle. Fournissez toujours un identifiant et une \u00e9tiquette d’affichage.<\/td>\nset A [\"\u00c9quipe Marketing\"]<\/code><\/td>\n<\/tr>\n
Union<\/strong><\/td>\nD\u00e9finit une zone de chevauchement entre deux ou plusieurs ensembles. S\u00e9parez les identifiants par une virgule.<\/td>\nunion A,B [\"Objectifs communs\"]<\/code><\/td>\n<\/tr>\n
Modificateur de taille<\/strong><\/td>\nUn optionnel :N<\/code> suffixe qui ajuste la taille du cercle ou de l’intersection de mani\u00e8re relative.<\/td>\nset A [\"Grand Groupe\"]:15<\/code><\/td>\n<\/tr>\n
N\u0153ud de texte<\/strong><\/td>\nUn bloc indent\u00e9 utilis\u00e9 pour lister des points sp\u00e9cifiques directement \u00e0 l’int\u00e9rieur d’un ensemble ou d’une zone d’intersection.<\/td>\ntext ItemId [\"Puce sp\u00e9cifique\"]<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n
Maquette du monde r\u00e9el : Analyse des opportunit\u00e9s produit<\/h2>\n
Cette maquette met en \u00e9vidence un cadre classique de strat\u00e9gie de d\u00e9veloppement produit qui cartographie les points de douleur des utilisateurs, les objectifs commerciaux et la faisabilit\u00e9 technique afin d’identifier la mise en \u0153uvre id\u00e9ale d’une fonctionnalit\u00e9.<\/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                    
venn-beta\r\nset BesoinUtilisateur [\"Points de douleur des utilisateurs\"]\r\nset ObjectifCommercial [\"Valeurs commerciales\"]\r\nset FactibiliteTechnique [\"Capacit\u00e9 technique\"]\r\n\r\nunion BesoinUtilisateur, ObjectifCommercial [\"Victoires strat\u00e9giques\"]\r\nunion BesoinUtilisateur, FactibiliteTechnique [\"Fonctionnalit\u00e9s non mon\u00e9tis\u00e9es\"]\r\nunion ObjectifCommercial, FactibiliteTechnique [\"Automatisation interne\"]\r\n\r\nunion BesoinUtilisateur, ObjectifCommercial, FactibiliteTechnique [\"Le point id\u00e9al du produit\"]<\/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> Lorsque vous utilisez trois cat\u00e9gories ou plus, Mermaid cartographie automatiquement les intersections imbriqu\u00e9es pour vous. D\u00e9clarez simplement le dernier bloc \u00e0 trois voies union<\/code> avec les trois identifiants s\u00e9par\u00e9s par des virgules, et le moteur placera l’\u00e9tiquette parfaitement au centre de la superposition.<\/em><\/p>\n\n
Concept avanc\u00e9 : Puces et dimensionnement<\/h2>\n
Pour une documentation plus technique, vous pouvez ins\u00e9rer directement des puces de texte dans vos cercles et ajuster l’\u00e9chelle des cercles pour repr\u00e9senter des proportions r\u00e9elles (comme les tailles des bases de donn\u00e9es ou les effectifs d’\u00e9quipes).<\/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                    
venn-beta\r\nset Front [\"Frontend\"]:10\r\n  text F1 [\"React\"]\r\n  text F2 [\"CSS\"]\r\nset Back [\"Backend\"]:15\r\n  text B1 [\"Node.js\"]\r\n  text B2 [\"PostgreSQL\"]\r\n\r\nunion Front, Back [\"Full-Stack\"]:3\r\n  text FB1 [\"Sp\u00e9cifications OpenAPI\"]\r\n  text FB2 [\"SSR Next.js\"]\r\n\r\nstyle Front fill:#E8F4FD, stroke:#0072B1\r\nstyle Back fill:#FDF0E8, stroke:#E06000<\/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
P\u00e9ch\u00e9s courants de syntaxe<\/h2>\n
Les diagrammes de Venn sont tout nouveaux dans le noyau de la syntaxe Mermaid. Gardez ces trois r\u00e8gles de conception structurelle \u00e0 l’esprit pour vous assurer que vos graphiques s’affichent correctement :<\/p>\n
    \n
  • Priorit\u00e9 \u00e0 l’ordre :<\/strong> Vous devez d\u00e9clarer enti\u00e8rement vos lignes individuelles set<\/code> avant de les r\u00e9f\u00e9rencer dans n’importe quel bloc union<\/code> bloc. R\u00e9f\u00e9rencer un identifiant qui n’a pas \u00e9t\u00e9 explicitement cr\u00e9\u00e9 interrompra la compilation.<\/li>\n
  • Attention aux virgules dans les unions :<\/strong> Lors de la construction d’une union<\/code> de plusieurs ensembles, assurez-vous qu’il y a des virgules s\u00e9parant vos identifiants, mais aucune virgule ne doit suivre imm\u00e9diatement avant l’\u00e9tiquette entre crochets. union A, B, C [\"\u00c9tiquette\"]<\/code> est correct.<\/li>\n
  • Stabilit\u00e9 de la version b\u00eata :<\/strong> \u00c9tant donn\u00e9 que ce style de mise en page utilise le drapeau venn-beta<\/code>drapeau, les r\u00e8gles avanc\u00e9es de personnalisation des \u00e9l\u00e9ments peuvent varier d’une version \u00e0 l’autre. Restez sur des codes couleur hexad\u00e9cimaux basiques pour les variables remplissage<\/code> et trait<\/code> afin d’assurer une compatibilit\u00e9 maximale entre les versions.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Les diagrammes de Venn montrent les relations logiques entre diff\u00e9rents ensembles ou groupes de donn\u00e9es \u00e0 l’aide de cercles superpos\u00e9s. Cette approche bas\u00e9e sur le texte vous permet de repr\u00e9senter rapidement des concepts situ\u00e9s \u00e0 l’intersection de plusieurs cat\u00e9gories, sans…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":11,"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-2094","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nMermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code 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-venn-diagram-syntax-layout-guide\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-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_6a46298fd9cf8.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-venn-diagram-syntax-layout-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/\",\"name\":\"Mermaid Venn Diagram 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-venn-diagram-syntax-layout-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a46298fd9cf8.png\",\"datePublished\":\"2026-07-02T09:03:07+00:00\",\"description\":\"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a46298fd9cf8.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a46298fd9cf8.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-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\":\"Guide de syntaxe et de mise en page des diagrammes de Venn de Mermaid.js\"}]},{\"@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 Venn Diagram Syntax | VPasCode Text to Diagram Guide","description":"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code 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-venn-diagram-syntax-layout-guide\/","og_locale":"fr_FR","og_type":"article","og_title":"Mermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide","og_description":"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.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-venn-diagram-syntax-layout-guide\/","url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","name":"Mermaid Venn Diagram 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-venn-diagram-syntax-layout-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png","datePublished":"2026-07-02T09:03:07+00:00","description":"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-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":"Guide de syntaxe et de mise en page des diagrammes de Venn de Mermaid.js"}]},{"@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\/2094","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=2094"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_collection?post=2094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}