{"id":2736,"date":"2026-06-15T10:28:41","date_gmt":"2026-06-15T02:28:41","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/"},"modified":"2026-06-15T10:28:41","modified_gmt":"2026-06-15T02:28:41","slug":"vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","title":{"rendered":"VPasCode \u00e9tend la prise en charge de Mermaid : les diagrammes Ishikawa, de mod\u00e9lisation des \u00e9v\u00e9nements, de Venn et les cartes Wardley sont d\u00e9sormais disponibles"},"content":{"rendered":"<p>\ud83d\ude80 <strong>Visual Paradigm<\/strong> a le plaisir d&#8217;annoncer que <a href=\"https:\/\/www.vpascode.com\/\"><strong>VPasCode<\/strong><\/a> \u2013 notre plateforme unifi\u00e9e de diagrammes en code \u2013 prend d\u00e9sormais en charge quatre types suppl\u00e9mentaires de diagrammes Mermaid. Vous pouvez d\u00e9sormais cr\u00e9er les diagrammes professionnels suivants en utilisant une notation textuelle simple :<\/p>\n<ul>\n<li><strong>\ud83d\udc1f Diagramme Ishikawa (en forme de poisson \/ cause et effet)<\/strong> \u2013 L&#8217;analyse des causes racines devient facile<\/li>\n<li><strong>\u26a1 Diagramme de mod\u00e9lisation des \u00e9v\u00e9nements<\/strong> \u2013 Concevez le flux d&#8217;information et les chronologies du syst\u00e8me<\/li>\n<li><strong>\ud83d\udfe1 Diagramme de Venn<\/strong> \u2013 Visualisez les relations entre ensembles et leurs intersections<\/li>\n<li><strong>\ud83d\uddfa\ufe0f Cartes Wardley<\/strong> \u2013 Cartographie strat\u00e9gique de la cha\u00eene de valeur et analyse d&#8217;\u00e9volution<\/li>\n<\/ul>\n<p>Que vous soyez gestionnaire de produit, architecte logiciel, d\u00e9veloppeur ou strat\u00e8ge, VPasCode vous aide \u00e0 cr\u00e9er des diagrammes en utilisant la syntaxe que vous connaissez d\u00e9j\u00e0, avec<strong>aper\u00e7u en temps r\u00e9el, partage d&#8217;URL en un clic et exportation gratuite au format SVG\/PNG<\/strong>.<\/p>\n<hr\/>\n<h2>\ud83d\udd0d Qu&#8217;est-ce qui distingue VPasCode ?<\/h2>\n<p><strong>VPasCode<\/strong> (abr\u00e9g\u00e9 de <strong>V<\/strong>isual <strong>P<\/strong>aradigm\u2019s <strong>a<\/strong>s<strong>Code<\/strong> plateforme) est un <strong>environnement unifi\u00e9 texte-vers-diagramme<\/strong>. Il rend <strong>PlantUML, Mermaid, Graphviz<\/strong>, et bien plus (de nouveaux formats arrivent). Vous pouvez passer librement d&#8217;un syntaxe \u00e0 un autre dans le m\u00eame \u00e9diteur, sans avoir \u00e0 apprendre plusieurs outils.<\/p>\n<p>Cette am\u00e9lioration se concentre sur la derni\u00e8re syntaxe de Mermaid (v11.12.3+ et v11.15.0+). Vous trouverez ci-dessous des exemples de code fonctionnels pour chaque nouveau type de diagramme \u2013 copiez-les simplement et collez-les dans VPasCode.<\/p>\n<hr\/>\n<h2>\ud83d\udccc 1. Diagramme Ishikawa (en forme de poisson) \u2013 Analyse des causes racines<\/h2>\n<p>\u00c9galement connu sous le nom de diagramme cause-effet ou diagramme en forme de poisson. Id\u00e9al pour la gestion de la qualit\u00e9 et les s\u00e9ances de r\u00e9solution de probl\u00e8mes.<\/p>\n<h3>\u2705 Exemple \u2013 Analyse des causes racines de \u00ab Photo floue \u00bb<\/h3>\n<p id=\"HgCMnJm\"><img fetchpriority=\"high\" alt=\"A Mermaid Ishikawa (Fishbone) Diagram \u2013 Root Cause Analysis\" class=\"alignnone wp-image-2700 size-full\" decoding=\"async\" fetchpriority=\"high\" height=\"580\" sizes=\"(max-width: 471px) 100vw, 471px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f6166aac75.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f6166aac75.png 471w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f6166aac75-244x300.png 244w\" width=\"471\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNptUEFOw0AMvCPxB3+AT1TkgITaisAD3MQhJpv11utNld9304I2RZmbZ0Zjezj2POAFX05k+PwEGTuXVGc49mJyZ44qDcV4HxYckoF00EmTVmzdJzNSiIGoBROB6ORS9Bxj1BhPBB27EbwYKI0yUVtMO8Jk3HGDxuIX4xKJITj+s31F0vVWHGbo0be\/p1TnxGEkb8XzXu3rMi148zlSJSijETjy8VF\/xRG\/8xcbCqvN\/\/g65x8+thNidopuZayVyk+s4h\/PrtPpJxcGt4puhebXmsHNxfKZyRZ1uAKeWHtY\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNp1kE1OwzAQhfdI3GF2rDgERKkACVFByn6cTNppbU9qj8sZOErPkYvh9EdJkOqdnz+\/92Y4bniHP\/hoSPH+DvJZbkQFWiuJLkKQmmJM8XwdzouECA1BK\/VU\/mbNIEHzIEZTQGXxoEE6sOSVRnDB1kEXRKlWSgF85gIph\/44gzTgmoYgQ5i0PwJ2neV9umIrZcsRB4\/x3zuyjzmWnLGYYy8F+9994o5cbjKyH89vZVG9LkblpJptLsYtsM+BuX\/gabEZQr4R53B9E4hoJ5MXT8uqXH3O2QK70xpueV3fR6vSHziI9\/\/G+UpbUjCSssV58Qee7r0apCjOBPoDrtqThQ==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">ishikawa-beta\r\n    Photo floue\r\n    Processus\r\n        Hors de focus\r\n        Vitesse d'obturation trop lente\r\n        Film protecteur non retir\u00e9\r\n        Filtrage de beaut\u00e9 appliqu\u00e9\r\n    Utilisateur\r\n        Mains tremblantes\r\n    \u00c9quipement\r\n        OBJECTIF\r\n            Objectif inappropri\u00e9\r\n            Objectif endommag\u00e9\r\n            Objectif sale\r\n        CAPTEUR\r\n            Capteur endommag\u00e9\r\n            Capteur sale\r\n    Environnement\r\n        Sujet boug\u00e9 trop vite\r\n        Trop sombre\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNp1kE1OwzAQhfdI3GF2rDgERKkACVFByn6cTNppbU9qj8sZOErPkYvh9EdJkOqdnz+\/92Y4bniHP\/hoSPH+DvJZbkQFWiuJLkKQmmJM8XwdzouECA1BK\/VU\/mbNIEHzIEZTQGXxoEE6sOSVRnDB1kEXRKlWSgF85gIph\/44gzTgmoYgQ5i0PwJ2neV9umIrZcsRB4\/x3zuyjzmWnLGYYy8F+9994o5cbjKyH89vZVG9LkblpJptLsYtsM+BuX\/gabEZQr4R53B9E4hoJ5MXT8uqXH3O2QK70xpueV3fR6vSHziI9\/\/G+UpbUjCSssV58Qee7r0apCjOBPoDrtqThQ==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNptUEFOw0AMvCPxB3+AT1TkgITaisAD3MQhJpv11utNld9304I2RZmbZ0Zjezj2POAFX05k+PwEGTuXVGc49mJyZ44qDcV4HxYckoF00EmTVmzdJzNSiIGoBROB6ORS9Bxj1BhPBB27EbwYKI0yUVtMO8Jk3HGDxuIX4xKJITj+s31F0vVWHGbo0be\/p1TnxGEkb8XzXu3rMi148zlSJSijETjy8VF\/xRG\/8xcbCqvN\/\/g65x8+thNidopuZayVyk+s4h\/PrtPpJxcGt4puhebXmsHNxfKZyRZ1uAKeWHtY\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><em>\ud83d\udca1 Notes sur la syntaxe : La premi\u00e8re ligne d\u00e9finit le probl\u00e8me (la t\u00eate du poisson). L&#8217;indentation cr\u00e9e les branches hi\u00e9rarchiques des causes (les ar\u00eates du poisson).<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udccc 2. Diagramme de mod\u00e9lisation des \u00e9v\u00e9nements \u2013 Comportement du syst\u00e8me au fil du temps<\/h2>\n<p>La mod\u00e9lisation des \u00e9v\u00e9nements d\u00e9crit comment les informations \u00e9voluent au sein d&#8217;un syst\u00e8me au fil du temps. Elle utilise des interfaces utilisateur, des commandes, des \u00e9v\u00e9nements et des processeurs organis\u00e9s en nappes. VPasCode prend en charge \u00e0 la fois la syntaxe compacte et la syntaxe d\u00e9tendue, les donn\u00e9es en ligne et les blocs de donn\u00e9es externes.<\/p>\n<h3>\u2705 Exemple minimal \u2013 Flux d&#8217;ajout d&#8217;un article au panier<\/h3>\n<p id=\"lxtWapC\"><img alt=\"Mermaid Event Modeling Diagram Example: Shopping Cart Add Item Flow\" class=\"alignnone wp-image-2701 size-full\" decoding=\"async\" height=\"470\" sizes=\"(max-width: 692px) 100vw, 692px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61864fcee.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61864fcee.png 692w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61864fcee-300x204.png 300w\" width=\"692\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5kKEjBVSy0oUQHygcGoKAC5XFiQ=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVAhIzMtMLQr1hAgZKSTnpig4ZuWXlqQWORaVZCbnpEJkjBVSy0oUoEJgBYdXAgCxdhzR\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">eventmodeling\r\n\r\ntf 01 ui PanierUI\r\ntf 02 cmd AjouterArticle\r\ntf 03 evt ArticleAjout\u00e9\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVAhIzMtMLQr1hAgZKSTnpig4ZuWXlqQWORaVZCbnpEJkjBVSy0oUoEJgBYdXAgCxdhzR\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5kKEjBVSy0oUQHygcGoKAC5XFiQ=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u2705 Exemple de donn\u00e9es en ligne<\/h3>\n<p id=\"tgRMMJs\"><img alt=\"\" class=\"alignnone size-full wp-image-2710\" decoding=\"async\" height=\"412\" sizes=\"(max-width: 846px) 100vw, 846px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f630c74345.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f630c74345.png 846w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f630c74345-300x146.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f630c74345-768x374.png 768w\" width=\"846\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5ipUK6SkFicXZRaUZObnWSkUlxQB9SrUQpQaK6SWlSiA1AGVp6bgUgwAKDIn\/g==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVAhIzMtMLQr1hAgZKSTnpig4ZuWXlqQWORaVZCbnpCpUK6SkFicXZRaUZObnKVgpJGckHl6Xl6pQC9FjrJBaVqIAVQzWenglbj0AnvQwnQ==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">eventmodeling\r\n\r\ntf 01 ui PanierUI\r\ntf 02 cmd AjouterArticle { description : cha\u00eene }\r\ntf 03 evt ArticleAjout\u00e9 { description : cha\u00eene }\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVAhIzMtMLQr1hAgZKSTnpig4ZuWXlqQWORaVZCbnpCpUK6SkFicXZRaUZObnKVgpJGckHl6Xl6pQC9FjrJBaVqIAVQzWenglbj0AnvQwnQ==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5ipUK6SkFicXZRaUZObnWSkUlxQB9SrUQpQaK6SWlSiA1AGVp6bgUgwAKDIn\/g==\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u2705 Blocs de donn\u00e9es et r\u00e9f\u00e9rences multiples<\/h3>\n<p id=\"aTTFCzL\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2709\" decoding=\"async\" height=\"371\" loading=\"lazy\" sizes=\"auto, (max-width: 1468px) 100vw, 1468px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f62f0096ce.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f62f0096ce.png 1468w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f62f0096ce-300x76.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f62f0096ce-1024x259.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f62f0096ce-768x194.png 768w\" width=\"1468\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNp9kLEOgjAQhvcmfYfb2AhUWNyMkw\/gRIip9MSqLaQUFuO7WwSKCeh2+e6\/73KHHWqrKoEPqUtKKLEXiGJoJey5scfDABgUSsBOiINFBVk2VlGc50NgA9hZ6JlroXARX0+R5IeDTYH0v4MSwS0HvxqelAAIbAojaysrvYXgVl110GOpeIkO8M7NmJPntZGF4ywKE0peCylblfLiviqd+CiNWZh+S+dLltLGms+\/vXQGo0236ozG+d5z537F\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNqNj7EOgjAURfcm\/Ye3sRGosrgxurk4GWNqeWpRXk0txMT4QS7+BD8mKBghxLCed3NOiwWSy0yCJ017zjhzOwhCyDUsJGm0y\/kHCVBZAnFqcoc2tk6rE8Jq1QVBuF5\/5hPAwkGD36PyUc87oB1PR7lFO4\/GujlLDBHiBfrPhBtnAAlelNVnpw3BDLzUHMiruc7kHmsiC+mk3XwPZ6uvFReBP+Xs\/icghgNSHYcD7aEJhMKP+oHudwf06iDLJ+Gv\/wc1ZjLZ1lbg\/gLWvKWq\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">eventmodeling\r\n\r\ntf 01 ui PanierUI\r\ntf 02 cmd AjouterArticle [[AjouterArticle01]]\r\ntf 03 evt ArticleAjout\u00e9 [[ArticleAjout\u00e9]]\r\ntf 04 cmd AjouterArticle [[AjouterArticle02]]\r\ntf 05 evt ArticleAjout\u00e9 [[ArticleAjout\u00e9]]\r\n\r\ndonnees AjouterArticle01 {\r\n  description : 'john'\r\n  image : 'avatar_john'\r\n  prix : 20.4\r\n}\r\n\r\ndonnees AjouterArticle02 {\r\n  description : 'jack'\r\n  image : 'avatar_jack'\r\n  prix : 12.5\r\n}\r\n\r\ndonnees ArticleAjout\u00e9 {\r\n  description : cha\u00eene\r\n  image : cha\u00eene\r\n  prix : nombre\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNqNj7EOgjAURfcm\/Ye3sRGosrgxurk4GWNqeWpRXk0txMT4QS7+BD8mKBghxLCed3NOiwWSy0yCJ017zjhzOwhCyDUsJGm0y\/kHCVBZAnFqcoc2tk6rE8Jq1QVBuF5\/5hPAwkGD36PyUc87oB1PR7lFO4\/GujlLDBHiBfrPhBtnAAlelNVnpw3BDLzUHMiruc7kHmsiC+mk3XwPZ6uvFReBP+Xs\/icghgNSHYcD7aEJhMKP+oHudwf06iDLJ+Gv\/wc1ZjLZ1lbg\/gLWvKWq\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNp9kLEOgjAQhvcmfYfb2AhUWNyMkw\/gRIip9MSqLaQUFuO7WwSKCeh2+e6\/73KHHWqrKoEPqUtKKLEXiGJoJey5scfDABgUSsBOiINFBVk2VlGc50NgA9hZ6JlroXARX0+R5IeDTYH0v4MSwS0HvxqelAAIbAojaysrvYXgVl110GOpeIkO8M7NmJPntZGF4ywKE0peCylblfLiviqd+CiNWZh+S+dLltLGms+\/vXQGo0236ozG+d5z537F\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u2705 R\u00e9initialiser le cadre<\/h3>\n<p id=\"kVUbKbp\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2704\" decoding=\"async\" height=\"750\" loading=\"lazy\" sizes=\"auto, (max-width: 1363px) 100vw, 1363px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61a7e000e.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61a7e000e.png 1363w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61a7e000e-300x165.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61a7e000e-1024x563.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61a7e000e-768x423.png 768w\" width=\"1363\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNpljjsOgzAMhnck7uATVH13rlCHbF04QJS4FIk4lTGI3r44llg6+vsf\/nFGkpQjDj11dVVX8oL9AaYeGs\/SOgNHCCnCPUYnmAydAGcBvVeMUaO84nPBj0WQyQ87R9qf+du8PXVq0+wFPoFh056cA45jZlOv5ZkFNo9Jt9Kuy\/6afwzaQeU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpljjsOAiEQhvtN9g5zAuPb2mws6Gw8AIFRSRYww0j0SJyDi8kj2cZyvv8xv\/U6p9kEycY70Bggp5iTQ4uOwziMA99hvYG3gUkS30QHW1BWw1lrwWg72gFGhnoXjLpGqeB9w5cPIzk5r4SLpdjTd3pK96i2mj3ASxEs2pW8whA8dfXYnvXA4unSqbXXZX\/NP+TGSkc=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">mod\u00e9lisation des \u00e9v\u00e9nements\r\n\r\ntf 01 ui CartUI\r\ntf 02 cmd AddItem\r\ntf 03 evt ItemAdded\r\n\r\nrf 04 evt External.InventoryChanged\r\ntf 05 pcr InventoryProcessor\r\ntf 06 cmd ChangeInventory\r\ntf 07 evt Cart.InventoryChanged\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpljjsOAiEQhvtN9g5zAuPb2mws6Gw8AIFRSRYww0j0SJyDi8kj2cZyvv8xv\/U6p9kEycY70Bggp5iTQ4uOwziMA99hvYG3gUkS30QHW1BWw1lrwWg72gFGhnoXjLpGqeB9w5cPIzk5r4SLpdjTd3pK96i2mj3ASxEs2pW8whA8dfXYnvXA4unSqbXXZX\/NP+TGSkc=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNpljjsOgzAMhnck7uATVH13rlCHbF04QJS4FIk4lTGI3r44llg6+vsf\/nFGkpQjDj11dVVX8oL9AaYeGs\/SOgNHCCnCPUYnmAydAGcBvVeMUaO84nPBj0WQyQ87R9qf+du8PXVq0+wFPoFh056cA45jZlOv5ZkFNo9Jt9Kuy\/6afwzaQeU=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><em>\ud83d\udca1 Tokens cl\u00e9s : <code>tf<\/code> (intervalle de temps), <code>rf<\/code> (cadre de r\u00e9initialisation), <code>ui \/ cmd \/ evt \/ pcr \/ rmo<\/code> (types d&#8217;entit\u00e9s). Utilisez des espaces de noms comme <code>Inventory.InventoryChanged<\/code> pour cr\u00e9er des voies s\u00e9par\u00e9es.<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udccc 3. Diagramme de Venn \u2013 Relations et intersections d&#8217;ensembles<\/h2>\n<p>Montrez les relations logiques entre des ensembles en utilisant des cercles superpos\u00e9s. Prend en charge des tailles personnalis\u00e9es, des \u00e9tiquettes, des n\u0153uds de texte et du style.<\/p>\n<h3>\u2705 Exemple basique \u2013 Superposition d&#8217;\u00e9quipes<\/h3>\n<p id=\"EXrYkFR\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2705\" decoding=\"async\" height=\"450\" loading=\"lazy\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61b2f0864.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61b2f0864.png 800w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61b2f0864-300x169.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61b2f0864-768x432.png 768w\" width=\"800\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNorS83L001KLUnk5VJQKMksyUlVUApJTcxVCM7OzMkpVvAvSy3KSSxQAkkXp5YouBXl55Wk5qXA+E6JydlQbmleZn4eXIEOVCZayTHAU8EltTgzPU8pFgDOMSPi\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNorS83L001KLUnk5VJQKMksKUpVUAouLUgtKsgvzizJzM9TSEktVkjOzy04vLIkNS8ZyElRP7yysDSzIFUJpCc1rzg1NyknVcGtKD8PqCIFRdApMTkbKlaaBzINpkoHKhOt5JwPNLUAYpW6Y4CnUiwAY\/cz7w==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">venn-beta\r\n  titre \"Superposition des comp\u00e9tences d'\u00e9quipe\"\r\n  ensemble Frontend\r\n  ensemble Backend\r\n  union Frontend,Backend[\"Conception d'API\"]\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNorS83L001KLUnk5VJQKMksKUpVUAouLUgtKsgvzizJzM9TSEktVkjOzy04vLIkNS8ZyElRP7yysDSzIFUJpCc1rzg1NyknVcGtKD8PqCIFRdApMTkbKlaaBzINpkoHKhOt5JwPNLUAYpW6Y4CnUiwAY\/cz7w==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNorS83L001KLUnk5VJQKMksyUlVUApJTcxVCM7OzMkpVvAvSy3KSSxQAkkXp5YouBXl55Wk5qXA+E6JydlQbmleZn4eXIEOVCZayTHAU8EltTgzPU8pFgDOMSPi\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u2705 Exemple de tailles, de n\u0153uds de texte et de style<\/h3>\n<p id=\"cAwlpUE\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2706\" decoding=\"async\" height=\"450\" loading=\"lazy\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61bb3d912.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61bb3d912.png 800w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61bb3d912-300x169.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61bb3d912-768x432.png 768w\" width=\"800\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNpNzU0LgkAUheF90H+4TFuD1D7AnRJBqyLbiQudjiGNd6SZIv99IxnM9r6c577BvKxhq\/mMyMBSWojDU7MF3+iKqhNlEq3GSGTxcT0sxAWVtKL0r1Eh9jDtnSkfjEVnfnkUs0JklXx4YBh508yB6flIe7yhdN+BJ\/rFrWZKA7c\/vJRaGusUyh+tUk5PYv\/9iJx68AjlPeT03Q4KlFLjJsmiabb1tvbuQUZSK\/1MFpGMsVl5KfwX7NYyll+2l1X\/\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpVj0FqwzAQRfeF3mFQFt0kENttCt7ZLYGuWpqlycKWx0FUGqnWKDRH6E2ac\/hilTEkDsxq\/p\/3\/xyRaNUg1\/d3AEgeTaMRikoMv99BOYRtb4mRWrHP0\/VoAmD84ehJKvGJtWSxv1mnldidPA9\/Bj20GMerA02mS0B5DShr+TXxk3QOKiP\/dTgfUVvn0CAxtA\/Fx9tECqQsQbGMoBdr3HCOHWUM3AatV54jMwKzm2IjcBedUnVK1jzevzukC9LzaXwdejROK+\/rA+aLrts0m2YmL0uQNmgMfb5IZYZP65mYXDV8fpSZ\/AceTnC7\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">venn-beta\r\n  ensemble A[\"\u00c9quipe Frontend\"]:20\r\n    texte A1[\"React\"]\r\n    texte A2[\"Syst\u00e8mes de design\"]\r\n  ensemble B[\"\u00c9quipe Backend\"]:12\r\n    texte B1[\"D\u00e9veloppement d'API\"]\r\n  union A,B[\"Comp\u00e9tences Full-stack\"]:3\r\n    texte AB1[\"Sp\u00e9cification OpenAPI\"]\r\n  style A remplissage:#ff6b6b\r\n  style A,B couleur:#2c3e50\r\n  style A1 couleur:#e74c3c\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpVj0FqwzAQRfeF3mFQFt0kENttCt7ZLYGuWpqlycKWx0FUGqnWKDRH6E2ac\/hilTEkDsxq\/p\/3\/xyRaNUg1\/d3AEgeTaMRikoMv99BOYRtb4mRWrHP0\/VoAmD84ehJKvGJtWSxv1mnldidPA9\/Bj20GMerA02mS0B5DShr+TXxk3QOKiP\/dTgfUVvn0CAxtA\/Fx9tECqQsQbGMoBdr3HCOHWUM3AatV54jMwKzm2IjcBedUnVK1jzevzukC9LzaXwdejROK+\/rA+aLrts0m2YmL0uQNmgMfb5IZYZP65mYXDV8fpSZ\/AceTnC7\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNpNzU0LgkAUheF90H+4TFuD1D7AnRJBqyLbiQudjiGNd6SZIv99IxnM9r6c577BvKxhq\/mMyMBSWojDU7MF3+iKqhNlEq3GSGTxcT0sxAWVtKL0r1Eh9jDtnSkfjEVnfnkUs0JklXx4YBh508yB6flIe7yhdN+BJ\/rFrWZKA7c\/vJRaGusUyh+tUk5PYv\/9iJx68AjlPeT03Q4KlFLjJsmiabb1tvbuQUZSK\/1MFpGMsVl5KfwX7NYyll+2l1X\/\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Modifier Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><em>\ud83d\udca1 Utilisez <code>:nombre<\/code> pour contr\u00f4ler la taille du cercle, <code>texte<\/code> pour ajouter des \u00e9tiquettes \u00e0 l&#8217;int\u00e9rieur des ensembles, et <code>style<\/code> pour des couleurs personnalis\u00e9es.<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udccc 4. Cartes de Wardley \u2013 Cartographie strat\u00e9gique de la cha\u00eene de valeur<\/h2>\n<p>Les cartes de Wardley vous aident \u00e0 visualiser les composants d&#8217;une entreprise ou d&#8217;un syst\u00e8me, leur position dans la cha\u00eene de valeur et leur stade d&#8217;\u00e9volution (G\u00e9n\u00e9se \u2192 Con\u00e7u sur mesure \u2192 Produit \u2192 Marchandise). VPasCode prend enti\u00e8rement en charge la syntaxe officielle Mermaid pour les cartes de Wardley en utilisant<code>wardley-beta<\/code> comme type de diagramme.<\/p>\n<h3>\u2705 Exemple \u2013 Pipeline de d\u00e9veloppement logiciel<\/h3>\n<p id=\"jDneYPM\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2707\" decoding=\"async\" height=\"600\" loading=\"lazy\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61c5180f8.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61c5180f8.png 900w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61c5180f8-300x200.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61c5180f8-768x512.png 768w\" width=\"900\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNptkbFOwzAQhvdIeYdTZloMbSgsSKhdOoCQKibUwXWuwpJjW865Vd4e20FtEzz783f\/\/XfmrlHYzw5IvCxIkkLYmSOduUPYoFWmb1ETfEqLSmosi7LgWvwYB9VXhw4+EJuugm82f6nvgM1XbF8WwrTW6Piveufac3WjSuxDYh\/rMbve3q83sBNOWhqcy8TVE+ebJ9NywuYSK8GrBD9Npcr4Brb66HhHzgvybsAXLOLL6C6L0TKz1+yMQOUmR3qcPICTVSLzv4nAZepJvlzomBNPRp0wW2vok12BSYBQYn19zK3B5s83RL61eN6YQhu6MLwxlqTRwIVAhS5oO7B\/WghTvJPUD9dMjS\/q\/S8CUsW4\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u00c9diter Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNp9krFOwzAURfdI+QcrCwsNgTYUFgbapRIDEiPqYJwHepITW\/YziD8i35Ef49lFKI3SShms+Nzne6\/9JV2j4XvxBiTzjJAciGe0oLED0fA39FYbhBY6Etp8oELQeZZn1iD\/KR7B88Iz6kUg1OglQXC+EK9VeV9fiqpcV\/s8U6a1xsso2Y5HtrILoBN9neib+ph+UQ4tebHZXW22iVslrp5M\/TctA5lWEvqhT\/g64beTsbvu3UlPLigKHFlpE5qEL6uIr+L0PDsTb\/Fw4kxWzXuJiuM0jE7iRWauHyZna4v8bJTofug\/jQ7gTlTOXVdjaGKFK67H2\/OhqvLuiJrvNT6C6KgzBKJ4upCNsYSmE004IEIqNfR6+GGNlmyR1UhDHwH7d\/Dh8tP1LOv9LwPh61c=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">wardley-beta\r\ntitre Pipeline de d\u00e9ploiement logiciel\r\n\r\npoint \"Besoins des utilisateurs\" [0.95, 0.70]\r\ncomposant \"D\u00e9ploiement manuel\" [0.15, 0.25]\r\ncomposant \"Scripts CI\/CD\" [0.45, 0.50]\r\ncomposant \"Pipeline automatis\u00e9\" [0.75, 0.65]\r\ncomposant \"Infrastructure cloud\" [0.30, 0.40]\r\n\r\n\"Besoins des utilisateurs\" -&gt; \"Pipeline automatis\u00e9\"\r\n\"Pipeline automatis\u00e9\" -&gt; \"Scripts CI\/CD\"\r\n\"Scripts CI\/CD\" -&gt; \"D\u00e9ploiement manuel\"\r\n\"D\u00e9ploiement manuel\" -&gt; \"Infrastructure cloud\"\r\n\r\n\u00e9voluer \"D\u00e9ploiement manuel\" 0.20\r\n\u00e9voluer \"Scripts CI\/CD\" 0.55\r\n\u00e9voluer \"Pipeline automatis\u00e9\" 0.85\r\n\u00e9voluer \"Infrastructure cloud\" 0.70\r\n\r\nnote \"L'adoption du cloud acc\u00e9l\u00e8re la maturit\u00e9 du pipeline\" [0.40, 0.35]\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNp9krFOwzAURfdI+QcrCwsNgTYUFgbapRIDEiPqYJwHepITW\/YziD8i35Ef49lFKI3SShms+Nzne6\/9JV2j4XvxBiTzjJAciGe0oLED0fA39FYbhBY6Etp8oELQeZZn1iD\/KR7B88Iz6kUg1OglQXC+EK9VeV9fiqpcV\/s8U6a1xsso2Y5HtrILoBN9neib+ph+UQ4tebHZXW22iVslrp5M\/TctA5lWEvqhT\/g64beTsbvu3UlPLigKHFlpE5qEL6uIr+L0PDsTb\/Fw4kxWzXuJiuM0jE7iRWauHyZna4v8bJTofug\/jQ7gTlTOXVdjaGKFK67H2\/OhqvLuiJrvNT6C6KgzBKJ4upCNsYSmE004IEIqNfR6+GGNlmyR1UhDHwH7d\/Dh8tP1LOv9LwPh61c=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNptkbFOwzAQhvdIeYdTZloMbSgsSKhdOoCQKibUwXWuwpJjW865Vd4e20FtEzz783f\/\/XfmrlHYzw5IvCxIkkLYmSOduUPYoFWmb1ETfEqLSmosi7LgWvwYB9VXhw4+EJuugm82f6nvgM1XbF8WwrTW6Piveufac3WjSuxDYh\/rMbve3q83sBNOWhqcy8TVE+ebJ9NywuYSK8GrBD9Npcr4Brb66HhHzgvybsAXLOLL6C6L0TKz1+yMQOUmR3qcPICTVSLzv4nAZepJvlzomBNPRp0wW2vok12BSYBQYn19zK3B5s83RL61eN6YQhu6MLwxlqTRwIVAhS5oO7B\/WghTvJPUD9dMjS\/q\/S8CUsW4\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>\u00c9diter Mermaid dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><em>\ud83d\udca1 Les noms de composants contenant des espaces doivent \u00eatre entour\u00e9s de guillemets doubles. Les coordonn\u00e9es varient de 0 \u00e0 1 sur les deux axes (visibilit\u00e9 par rapport \u00e0 l&#8217;\u00e9volution).<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udee0\ufe0f Essayez VPasCode d\u00e8s maintenant<\/h2>\n<p>Allez sur le <strong>VPasCode<\/strong> \u00e9diteur : <a href=\"https:\/\/www.vpascode.com\/\">https:\/\/www.vpascode.com\/<\/a>.<\/p>\n<p>S\u00e9lectionnez le mode de syntaxe Mermaid, collez l&#8217;un des exemples de code ci-dessus, et observez votre diagramme se rendre instantan\u00e9ment.<\/p>\n<p><strong>Commencez gratuitement<\/strong> \u2013 Aucune carte de cr\u00e9dit requise, aucune installation. Tout ce dont vous avez besoin, c&#8217;est un navigateur.<\/p>\n<hr\/>\n<h2>\ud83d\udcd6 Documentation officielle et r\u00e9f\u00e9rences<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/\" rel=\"noopener noreferrer\" target=\"_blank\">Site officiel de Visual Paradigm<\/a><\/li>\n<\/ul>\n<p style=\"margin-top: 2em; font-size: 0.9em; color: #555;\"><strong>Visual Paradigm \u2013 Mod\u00e9lisation professionnelle, simplifi\u00e9e.<\/strong><br \/>\nVPasCode est la plateforme diagramme-en-code pour les \u00e9quipes qui valorisent l&#8217;efficacit\u00e9, la collaboration et la mod\u00e9lisation bas\u00e9e sur du texte.<\/p>\n","protected":false},"featured_media":2737,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"VPasCode ajoute les diagrammes Mermaid Ishikawa, mod\u00e9lisation d'\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley","_yoast_wpseo_metadesc":"VPasCode prend d\u00e9sormais en charge quatre nouveaux diagrammes Mermaid : Ishikawa, mod\u00e9lisation d'\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley. Aper\u00e7u en temps r\u00e9el gratuit, export SVG\/PNG et corrections aliment\u00e9es par l'IA.","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":"","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":""}}},"product":[2,3],"product-area":[13,6,12,49],"version":[42],"release-type":[16],"class_list":["post-2736","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-ai","product-area-diagramming","product-area-software-development","product-area-vpascode","version-v18-0","release-type-new-feature"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>VPasCode ajoute les diagrammes Mermaid Ishikawa, mod\u00e9lisation d&#039;\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley<\/title>\n<meta name=\"description\" content=\"VPasCode prend d\u00e9sormais en charge quatre nouveaux diagrammes Mermaid : Ishikawa, mod\u00e9lisation d&#039;\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley. Aper\u00e7u en temps r\u00e9el gratuit, export SVG\/PNG et corrections aliment\u00e9es par l&#039;IA.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VPasCode ajoute les diagrammes Mermaid Ishikawa, mod\u00e9lisation d&#039;\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley\" \/>\n<meta property=\"og:description\" content=\"VPasCode prend d\u00e9sormais en charge quatre nouveaux diagrammes Mermaid : Ishikawa, mod\u00e9lisation d&#039;\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley. Aper\u00e7u en temps r\u00e9el gratuit, export SVG\/PNG et corrections aliment\u00e9es par l&#039;IA.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates French\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a2f6166aac75.png\" \/>\n\t<meta property=\"og:image:width\" content=\"471\" \/>\n\t<meta property=\"og:image:height\" content=\"580\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\",\"name\":\"VPasCode ajoute les diagrammes Mermaid Ishikawa, mod\u00e9lisation d'\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a2f6166aac75.png\",\"datePublished\":\"2026-06-15T02:28:41+00:00\",\"description\":\"VPasCode prend d\u00e9sormais en charge quatre nouveaux diagrammes Mermaid : Ishikawa, mod\u00e9lisation d'\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley. Aper\u00e7u en temps r\u00e9el gratuit, export SVG\/PNG et corrections aliment\u00e9es par l'IA.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a2f6166aac75.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a2f6166aac75.png\",\"width\":471,\"height\":580},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VPasCode \u00e9tend la prise en charge de Mermaid : les diagrammes Ishikawa, de mod\u00e9lisation des \u00e9v\u00e9nements, de Venn et les cartes Wardley sont d\u00e9sormais disponibles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/\",\"name\":\"Visual Paradigm Product Updates French\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#organization\",\"name\":\"Visual Paradigm Product Updates French\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates French\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VPasCode ajoute les diagrammes Mermaid Ishikawa, mod\u00e9lisation d'\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley","description":"VPasCode prend d\u00e9sormais en charge quatre nouveaux diagrammes Mermaid : Ishikawa, mod\u00e9lisation d'\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley. Aper\u00e7u en temps r\u00e9el gratuit, export SVG\/PNG et corrections aliment\u00e9es par l'IA.","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:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","og_locale":"fr_FR","og_type":"article","og_title":"VPasCode ajoute les diagrammes Mermaid Ishikawa, mod\u00e9lisation d'\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley","og_description":"VPasCode prend d\u00e9sormais en charge quatre nouveaux diagrammes Mermaid : Ishikawa, mod\u00e9lisation d'\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley. Aper\u00e7u en temps r\u00e9el gratuit, export SVG\/PNG et corrections aliment\u00e9es par l'IA.","og_url":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","og_site_name":"Visual Paradigm Product Updates French","og_image":[{"width":471,"height":580,"url":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a2f6166aac75.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","url":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","name":"VPasCode ajoute les diagrammes Mermaid Ishikawa, mod\u00e9lisation d'\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a2f6166aac75.png","datePublished":"2026-06-15T02:28:41+00:00","description":"VPasCode prend d\u00e9sormais en charge quatre nouveaux diagrammes Mermaid : Ishikawa, mod\u00e9lisation d'\u00e9v\u00e9nements, diagrammes de Venn et cartes de Wardley. Aper\u00e7u en temps r\u00e9el gratuit, export SVG\/PNG et corrections aliment\u00e9es par l'IA.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a2f6166aac75.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a2f6166aac75.png","width":471,"height":580},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/fr\/"},{"@type":"ListItem","position":2,"name":"VPasCode \u00e9tend la prise en charge de Mermaid : les diagrammes Ishikawa, de mod\u00e9lisation des \u00e9v\u00e9nements, de Venn et les cartes Wardley sont d\u00e9sormais disponibles"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/fr\/#website","url":"https:\/\/updates.visual-paradigm.com\/fr\/","name":"Visual Paradigm Product Updates French","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/fr\/#organization","name":"Visual Paradigm Product Updates French","url":"https:\/\/updates.visual-paradigm.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/updates.visual-paradigm.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates French"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/releases\/2736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/releases\/2736\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/media\/2737"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/media?parent=2736"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/product?post=2736"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/product-area?post=2736"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/version?post=2736"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/release-type?post=2736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}