{"id":2732,"date":"2026-06-15T10:28:41","date_gmt":"2026-06-15T02:28:41","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/de\/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\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","title":{"rendered":"VPasCode erweitert die Mermaid-Unterst\u00fctzung: Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten jetzt verf\u00fcgbar"},"content":{"rendered":"<p>\ud83d\ude80 <strong>Visual Paradigm<\/strong> freut sich, bekannt zu geben, dass <a href=\"https:\/\/www.vpascode.com\/\"><strong>VPasCode<\/strong><\/a> \u2013 unsere einheitliche Diagramm-as-Code-Plattform \u2013 unterst\u00fctzt nun vier zus\u00e4tzliche Mermaid-Diagrammtypen. Sie k\u00f6nnen nun die folgenden professionellen Diagramme mit einfacher Textnotation erstellen:<\/p>\n<ul>\n<li><strong>\ud83d\udc1f Ishikawa-Diagramm (Fischgr\u00e4ten- oder Ursache-Wirkungs-Diagramm)<\/strong> \u2013 Ursachenanalyse vereinfacht<\/li>\n<li><strong>\u26a1 Ereignismodellierungs-Diagramm<\/strong> \u2013 Gestaltung des Informationsflusses und Zeitverl\u00e4ufe in Systemen<\/li>\n<li><strong>\ud83d\udfe1 Venn-Diagramm<\/strong> \u2013 Visualisieren Sie Mengenbeziehungen und Schnittmengen<\/li>\n<li><strong>\ud83d\uddfa\ufe0f Wardley-Karten<\/strong> \u2013 Strategische Wertkettenkarten und Analyse der Entwicklung<\/li>\n<\/ul>\n<p>Unabh\u00e4ngig davon, ob Sie ein Produktmanager, Softwarearchitekt, Entwickler oder Strategieexperte sind, hilft Ihnen VPasCode dabei, Diagramme mit der Syntax zu erstellen, die Sie bereits kennen, mit <strong>Echtzeitvorschau, ein-Klick-URL-Teilen und kostenlose SVG\/PNG-Exportfunktion<\/strong>.<\/p>\n<hr\/>\n<h2>\ud83d\udd0d Was macht VPasCode anders?<\/h2>\n<p><strong>VPasCode<\/strong> (Abk\u00fcrzung f\u00fcr <strong>V<\/strong>isual <strong>P<\/strong>aradigm\u2019s <strong>a<\/strong>s<strong>Code<\/strong> Plattform) ist eine <strong>einheitliche Text-zu-Diagramm-Umgebung<\/strong>. Es rendert <strong>PlantUML, Mermaid, Graphviz<\/strong>, und mehr (weitere Formate kommen noch). Sie k\u00f6nnen innerhalb desselben Editors problemlos zwischen Syntaxen wechseln, ohne mehrere Werkzeuge lernen zu m\u00fcssen.<\/p>\n<p>Diese Erweiterung konzentriert sich auf die neueste Syntax von Mermaid (v11.12.3+ und v11.15.0+). Unten finden Sie funktionierende Codebeispiele f\u00fcr jeden neuen Diagrammtyp \u2013 einfach kopieren und in VPasCode einf\u00fcgen.<\/p>\n<hr\/>\n<h2>\ud83d\udccc 1. Ishikawa-Diagramm (Fischgr\u00e4ten-Diagramm) \u2013 Ursachenanalyse<\/h2>\n<p>Auch bekannt als Ursache-Wirkung-Diagramm oder Fischgr\u00e4ten-Diagramm. Perfekt f\u00fcr Qualit\u00e4tsmanagement und Probleml\u00f6sungssitzungen.<\/p>\n<h3>\u2705 Beispiel \u2013 Ursachenanalyse f\u00fcr \u201eVerschwommenes Foto\u201c<\/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>Mermaid in VPasCode bearbeiten<\/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:eNp1kU1qwzAQRveF3mEu0EsEkvQH6lI3WXQnx59t1fKoaKQYfJ6coRfwxTrGBSdQz0Zo5ukhfbLS2Nb05qFANPd3pHVEkFPT+64DQ2jno58Hb8EPEJk3U+18m4TOCM4H8NKfDS6J1JhUlktbt7CRhkTOcC2mW+j81KQ4VN5ZENtTEwkcKwSON8z4w40qpLIuIpBa0INL\/FEbsFoQljOfNiqoBD2OF13myR5hvFyZs83z9uXj6bh0pjrwtxGZ9EJZ8YU22vMtsZleNl70YXGVmXPo9F7\/M\/n2Nc\/e172BcrD4sG69JQ5djSJxvfB71DqPhksqNC51kmjE0z+og+HcVV6JysQt3C+TSp3k\" \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    Verschwommenes Foto\r\n    Prozess\r\n        Fokus verloren\r\n        Verschlussgeschwindigkeit zu langsam\r\n        Schutzfolie nicht entfernt\r\n        Sch\u00f6nheitsfilter angewendet\r\n    Benutzer\r\n        Zitternde H\u00e4nde\r\n    Ger\u00e4t\r\n        OBJEKTIV\r\n            Unpassendes Objektiv\r\n            Besch\u00e4digtes Objektiv\r\n            Verschmutztes Objektiv\r\n        SENSOR\r\n            Besch\u00e4digter Sensor\r\n            Verschmutzter Sensor\r\n    Umgebung\r\n        Gegenstand bewegte sich zu schnell\r\n        Zu dunkel\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNp1kU1qwzAQRveF3mEu0EsEkvQH6lI3WXQnx59t1fKoaKQYfJ6coRfwxTrGBSdQz0Zo5ukhfbLS2Nb05qFANPd3pHVEkFPT+64DQ2jno58Hb8EPEJk3U+18m4TOCM4H8NKfDS6J1JhUlktbt7CRhkTOcC2mW+j81KQ4VN5ZENtTEwkcKwSON8z4w40qpLIuIpBa0INL\/FEbsFoQljOfNiqoBD2OF13myR5hvFyZs83z9uXj6bh0pjrwtxGZ9EJZ8YU22vMtsZleNl70YXGVmXPo9F7\/M\/n2Nc\/e172BcrD4sG69JQ5djSJxvfB71DqPhksqNC51kmjE0z+og+HcVV6JysQt3C+TSp3k\" \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>Mermaid in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><em>\ud83d\udca1 Syntaxhinweise: Die erste Zeile definiert das Problem (den Fischkopf). Die Einr\u00fcckung erstellt die hierarchischen Ursachenzweige (Fischgr\u00e4ten).<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udccc 2. Ereignismodell-Diagramm \u2013 Systemverhalten im Zeitverlauf<\/h2>\n<p>Ereignismodellierung beschreibt, wie sich Informationen innerhalb eines Systems im Laufe der Zeit ver\u00e4ndern. Sie verwendet UI, Befehle, Ereignisse und Prozessoren, die in Schwimmz\u00fcgen organisiert sind. VPasCode unterst\u00fctzt sowohl kompakte als auch entspannte Syntax, Inline-Daten und externe Datenbl\u00f6cke.<\/p>\n<h3>\u2705 Minimalbeispiel \u2013 Ablauf \u201eArtikel zum Warenkorb hinzuf\u00fcgen\u201c<\/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>Mermaid in VPasCode bearbeiten<\/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+Xi5SpJUzAwVCjNVAhPLErNy84vSgr1hIgaKSTnpig4FpVkZqfmeGTmVZWmlaamp+ZBZI0VUstKUGTTU0HyJQBAfCFh\" \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 WarenkorbUI\r\ntf 02 cmd ArtikelHinzufuegen\r\ntf 03 evt ArtikelHinzugefuegt\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVAhPLErNy84vSgr1hIgaKSTnpig4FpVkZqfmeGTmVZWmlaamp+ZBZI0VUstKUGTTU0HyJQBAfCFh\" \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>Mermaid in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u2705 Beispiel mit Inline-Daten<\/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>Mermaid in VPasCode bearbeiten<\/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+Xi5SpJUzAwVCjNVAhPLErNy84vSgr1hIgaKSTnpig4FpVkZqfmeGTmVZWmlaamp+YpVCskpRYnZxSlZiaV5qVbKRSXFAENU6iFaDNWSC0rQdGWngrSWIJTHwCoIjPV\" \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 WarenkorbUI\r\ntf 02 cmd ArtikelHinzufuegen { beschreibung: string }\r\ntf 03 evt ArtikelHinzugefuegt { beschreibung: string }\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVAhPLErNy84vSgr1hIgaKSTnpig4FpVkZqfmeGTmVZWmlaamp+YpVCskpRYnZxSlZiaV5qVbKRSXFAENU6iFaDNWSC0rQdGWngrSWIJTHwCoIjPV\" \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>Mermaid in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u2705 Datenbl\u00f6cke &amp; Mehrfachreferenzen<\/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>Mermaid in VPasCode bearbeiten<\/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:eNqVkbEOgjAQQPcm\/Yfb2AxUXdjc9AOMAyGmhQMqUExpGTT+uyhUo6KJ4730vcul2KEydZNiJVVOCSUmAz8AK2HHNaqy0WK7GSiDpE5hpY0ssVpLdbKZxRwVRNEn9IM4HrQ5YGdetBxvb8ybN1KnLf7axpy2\/H8bJSk3HKZugDMlAALbpNAohVV5CN6hKZR357JK+5l3va73D3zsn7YhMH+2oOTyq8+m+zwpp\/oOj\/2AzZbf+u7miXxr9P2nXf45j11la4G6L18B5GSzDQ==\" \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 WarenkorbUI\r\ntf 02 cmd ArtikelHinzufuegen [[ArtikelHinzufuegen01]]\r\ntf 03 evt ArtikelHinzugefuegt [[ArtikelHinzugefuegt]]\r\ntf 04 cmd ArtikelHinzufuegen [[ArtikelHinzufuegen02]]\r\ntf 05 evt ArtikelHinzugefuegt [[ArtikelHinzugefuegt]]\r\n\r\ndata ArtikelHinzufuegen01 {\r\n  beschreibung: 'john'\r\n  bild: 'avatar_john'\r\n  preis: 20.4\r\n}\r\n\r\ndata ArtikelHinzufuegen02 {\r\n  beschreibung: 'jack'\r\n  bild: 'avatar_jack'\r\n  preis: 12.5\r\n}\r\n\r\ndata ArtikelHinzugefuegt {\r\n  beschreibung: string\r\n  bild: string\r\n  preis: number\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNqVkbEOgjAQQPcm\/Yfb2AxUXdjc9AOMAyGmhQMqUExpGTT+uyhUo6KJ4730vcul2KEydZNiJVVOCSUmAz8AK2HHNaqy0WK7GSiDpE5hpY0ssVpLdbKZxRwVRNEn9IM4HrQ5YGdetBxvb8ybN1KnLf7axpy2\/H8bJSk3HKZugDMlAALbpNAohVV5CN6hKZR357JK+5l3va73D3zsn7YhMH+2oOTyq8+m+zwpp\/oOj\/2AzZbf+u7miXxr9P2nXf45j11la4G6L18B5GSzDQ==\" \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>Mermaid in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u2705 Rahmen zur\u00fccksetzen<\/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>Mermaid in VPasCode bearbeiten<\/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:eNpljjsOgzAMhnck7uATVH13rlCHbF04QJS4FIk4lTGI3r44llg6+vsf\/nFGkpQjDj11dVVX8oL9AaYeGs\/SOgNHCCnCPUYnmAydAGcBvVeMUaO84nPBj0WQyQ87R9qf+du8PXVq0+wFPoFh056cA45jZlOv5ZkFNo9Jt9Kuy\/6afwzaQeU=\" \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 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:eNpljjsOgzAMhnck7uATVH13rlCHbF04QJS4FIk4lTGI3r44llg6+vsf\/nFGkpQjDj11dVVX8oL9AaYeGs\/SOgNHCCnCPUYnmAydAGcBvVeMUaO84nPBj0WQyQ87R9qf+du8PXVq0+wFPoFh056cA45jZlOv5ZkFNo9Jt9Kuy\/6afwzaQeU=\" \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>Mermaid in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><em>\ud83d\udca1 Schl\u00fcsselw\u00f6rter: <code>tf<\/code> (Zeitraum), <code>rf<\/code> (Zur\u00fccksetzrahmen), <code>ui \/ cmd \/ evt \/ pcr \/ rmo<\/code> (Entit\u00e4tstypen). Verwenden Sie Namespaces wie <code>Inventory.InventoryChanged<\/code> um separate Bahnen zu erstellen.<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udccc 3. Venn-Diagramm \u2013 Mengenbeziehungen und Schnittmengen<\/h2>\n<p>Zeigen Sie logische Beziehungen zwischen Mengen mit \u00fcberlappenden Kreisen an. Unterst\u00fctzt benutzerdefinierte Gr\u00f6\u00dfen, Beschriftungen, Textknoten und Formatierung.<\/p>\n<h3>\u2705 Grundlegendes Beispiel \u2013 Team\u00fcberschneidung<\/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>Mermaid in VPasCode bearbeiten<\/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:eNorS83L001KLUnk5VJQKMksyUlVUApJTcxNO7wkIzM9OzWzJDVP4fCcpNSi4uSMvNTMlNK8dCWQ2uLUEgW3ovw8oHwKjO+UmJwN5ZbmZebnwRXoQGWilRwDPHVdUosz0\/OUYgGw+CrJ\" \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  title \"Teamf\u00e4higkeiten \u00dcberschneidung\"\r\n  set Frontend\r\n  set Backend\r\n  union Frontend,Backend[\"API-Design\"]\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNorS83L001KLUnk5VJQKMksyUlVUApJTcxNO7wkIzM9OzWzJDVP4fCcpNSi4uSMvNTMlNK8dCWQ2uLUEgW3ovw8oHwKjO+UmJwN5ZbmZebnwRXoQGWilRwDPHVdUosz0\/OUYgGw+CrJ\" \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>Mermaid in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u2705 Gr\u00f6\u00dfen, Textknoten und Formatierungsbeispiel<\/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>Mermaid in VPasCode bearbeiten<\/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:eNpNjsuKwkAQRffC\/EPRbm3IY1TILmEMuJph4i646LSVTJO2IqYyPr7HP\/HH7KBCb+\/hHs4\/EskKWX1MAHpkSEuRHztipJ3coNqLbRIFIwRgPDseluIXlWax9deoFF\/Ym4ZkcekZ9\/jEozErRaZ06wnDyLtmTpj+rOWK+GR0awdqnt+BTEeQztw\/H6yVBTuLzO+3P9O0aFyhU8V+xKj6PiCNuuKAV1ObVrGzvGL4YhFSqI21ybSuF9Wi8vZZBrqz3TGZRjrGeeCh8E1w+alj\/QAMrlzv\" \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  set A[\"Frontend-Team\"]:20\r\n    text A1[\"React\"]\r\n    text A2[\"Design-Systeme\"]\r\n  set B[\"Backend-Team\"]:12\r\n    text B1[\"API-Entwicklung\"]\r\n  union A,B[\"Full-Stack-F\u00e4higkeiten\"]:3\r\n    text AB1[\"OpenAPI-Spezifikation\"]\r\n  style A fill:#ff6b6b\r\n  style A,B color:#2c3e50\r\n  style A1 color:#e74c3c\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpNjsuKwkAQRffC\/EPRbm3IY1TILmEMuJph4i646LSVTJO2IqYyPr7HP\/HH7KBCb+\/hHs4\/EskKWX1MAHpkSEuRHztipJ3coNqLbRIFIwRgPDseluIXlWax9deoFF\/Ym4ZkcekZ9\/jEozErRaZ06wnDyLtmTpj+rOWK+GR0awdqnt+BTEeQztw\/H6yVBTuLzO+3P9O0aFyhU8V+xKj6PiCNuuKAV1ObVrGzvGL4YhFSqI21ybSuF9Wi8vZZBrqz3TGZRjrGeeCh8E1w+alj\/QAMrlzv\" \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>Mermaid in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><em>\ud83d\udca1 Verwenden Sie <code>:Zahl<\/code> um die Kreisgr\u00f6\u00dfe zu steuern, <code>text<\/code> um Beschriftungen innerhalb von Mengen hinzuzuf\u00fcgen, und <code>style<\/code> f\u00fcr benutzerdefinierte Farben.<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udccc 4. Wardley-Karten \u2013 Strategische Wertketten-Abbildung<\/h2>\n<p>Wardley-Karten helfen Ihnen, die Komponenten eines Gesch\u00e4fts oder Systems, ihre Position in der Wertsch\u00f6pfungskette und ihren evolutiven Stand (Entstehung \u2192 Ma\u00dfgeschneidert \u2192 Produkt \u2192 Kommodit\u00e4t) visuell darzustellen. VPasCode unterst\u00fctzt vollst\u00e4ndig die offizielle Mermaid-Wardley-Syntax unter Verwendung von<code>wardley-beta<\/code> als Diagrammtyp.<\/p>\n<h3>\u2705 Beispiel \u2013 Software-Entwicklungs-Pipeline<\/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>Mermaid in VPasCode bearbeiten<\/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:eNp9kjFPwzAQhfdI+Q9WZlICbSgsSG1ZOiAhOqIObnNpT3HPkX1WBL+NjT+GbWBI2jDa+t7zvXfupKkUvOc7YJkmjAxKbHTNnTSQL8EAsvV3ytHBttiCQoI0SRNJDRiRLYEcf4DZQfX1aWpCayETb8XkobwSxWRebNOk0adWExCDyJ4lOe8Gom8dJTdRclsOJKv19eop3zQGW\/7xnkWwHHovHOuTZLQIxp9ffqeNknmU3J15K+2qfE21kZaNa9iZiE+LgM\/CC2kyEjJ\/HH\/Si0anCbp+Jk8PQgZmrCpPj7YYvS9kCjF84g73DSj6Zw2+\/6KPDibzvZd9YDRoMbkfoBfrDr8kzHdE6gDtH7WodMuoSezA7o8KHOGBRYUgXgFrEJX\/fr0Vz+LOpuX2G+ET7rg=\" \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\ntitel Software-Bereitstellungspipeline\r\n\r\nanker \"Benutzerbed\u00fcrfnisse\" [0.95, 0.70]\r\nkomponente \"Manuelle Bereitstellung\" [0.15, 0.25]\r\nkomponente \"CI\/CD-Skripte\" [0.45, 0.50]\r\nkomponente \"Automatisierte Pipeline\" [0.75, 0.65]\r\nkomponente \"Cloud-Infrastruktur\" [0.30, 0.40]\r\n\r\n\"Benutzerbed\u00fcrfnisse\" -&gt; \"Automatisierte Pipeline\"\r\n\"Automatisierte Pipeline\" -&gt; \"CI\/CD-Skripte\"\r\n\"CI\/CD-Skripte\" -&gt; \"Manuelle Bereitstellung\"\r\n\"Manuelle Bereitstellung\" -&gt; \"Cloud-Infrastruktur\"\r\n\r\nentwickeln \"Manuelle Bereitstellung\" 0.20\r\nentwickeln \"CI\/CD-Skripte\" 0.55\r\nentwickeln \"Automatisierte Pipeline\" 0.85\r\nentwickeln \"Cloud-Infrastruktur\" 0.70\r\n\r\nhinweis \"Cloud-Adoption beschleunigt die Reife der 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:eNp9kjFPwzAQhfdI+Q9WZlICbSgsSG1ZOiAhOqIObnNpT3HPkX1WBL+NjT+GbWBI2jDa+t7zvXfupKkUvOc7YJkmjAxKbHTNnTSQL8EAsvV3ytHBttiCQoI0SRNJDRiRLYEcf4DZQfX1aWpCayETb8XkobwSxWRebNOk0adWExCDyJ4lOe8Gom8dJTdRclsOJKv19eop3zQGW\/7xnkWwHHovHOuTZLQIxp9ffqeNknmU3J15K+2qfE21kZaNa9iZiE+LgM\/CC2kyEjJ\/HH\/Si0anCbp+Jk8PQgZmrCpPj7YYvS9kCjF84g73DSj6Zw2+\/6KPDibzvZd9YDRoMbkfoBfrDr8kzHdE6gDtH7WodMuoSezA7o8KHOGBRYUgXgFrEJX\/fr0Vz+LOpuX2G+ET7rg=\" \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>Mermaid in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><em>\ud83d\udca1 Komponentennamen mit Leerzeichen m\u00fcssen in doppelte Anf\u00fchrungszeichen gesetzt werden. Die Koordinaten reichen von 0 bis 1 auf beiden Achsen (Sichtbarkeit gegen\u00fcber Evolution).<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udee0\ufe0f Probieren Sie VPasCode jetzt aus<\/h2>\n<p>Gehe zur <strong>VPasCode<\/strong> Editor:<a href=\"https:\/\/www.vpascode.com\/\">https:\/\/www.vpascode.com\/<\/a>.<\/p>\n<p>W\u00e4hlen Sie den Mermaid-Syntaxmodus, f\u00fcgen Sie eines der obenstehenden Codebeispiele ein und beobachten Sie, wie Ihr Diagramm sofort gerendert wird.<\/p>\n<p><strong>Kostenlos starten<\/strong> \u2013 Keine Kreditkarte erforderlich, keine Installation. Alles, was Sie brauchen, ist ein Browser.<\/p>\n<hr\/>\n<h2>\ud83d\udcd6 Offizielle Dokumentation und Referenzen<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/\" rel=\"noopener noreferrer\" target=\"_blank\">Offizielle Website von Visual Paradigm<\/a><\/li>\n<\/ul>\n<p style=\"margin-top: 2em; font-size: 0.9em; color: #555;\"><strong>Visual Paradigm \u2013 Professionelles Modellieren, vereinfacht.<\/strong><br \/>\nVPasCode ist die Diagramm-as-Code-Plattform f\u00fcr Teams, die Effizienz, Zusammenarbeit und textbasiertes Zeichnen sch\u00e4tzen.<\/p>\n","protected":false},"featured_media":2733,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"VPasCode f\u00fcgt Mermaid Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten hinzu","_yoast_wpseo_metadesc":"VPasCode unterst\u00fctzt nun vier neue Mermaid-Diagramme: Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten. Kostenloser Echtzeit-Preview, SVG\/PNG-Export und KI-gest\u00fctzte Korrekturen.","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-2732","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 f\u00fcgt Mermaid Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten hinzu<\/title>\n<meta name=\"description\" content=\"VPasCode unterst\u00fctzt nun vier neue Mermaid-Diagramme: Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten. Kostenloser Echtzeit-Preview, SVG\/PNG-Export und KI-gest\u00fctzte Korrekturen.\" \/>\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\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VPasCode f\u00fcgt Mermaid Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten hinzu\" \/>\n<meta property=\"og:description\" content=\"VPasCode unterst\u00fctzt nun vier neue Mermaid-Diagramme: Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten. Kostenloser Echtzeit-Preview, SVG\/PNG-Export und KI-gest\u00fctzte Korrekturen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates German\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/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=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\",\"name\":\"VPasCode f\u00fcgt Mermaid Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten hinzu\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/06\/img_6a2f6166aac75.png\",\"datePublished\":\"2026-06-15T02:28:41+00:00\",\"description\":\"VPasCode unterst\u00fctzt nun vier neue Mermaid-Diagramme: Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten. Kostenloser Echtzeit-Preview, SVG\/PNG-Export und KI-gest\u00fctzte Korrekturen.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/06\/img_6a2f6166aac75.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/06\/img_6a2f6166aac75.png\",\"width\":471,\"height\":580},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/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\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VPasCode erweitert die Mermaid-Unterst\u00fctzung: Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten jetzt verf\u00fcgbar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/\",\"name\":\"Visual Paradigm Product Updates German\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#organization\",\"name\":\"Visual Paradigm Product Updates German\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates German\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VPasCode f\u00fcgt Mermaid Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten hinzu","description":"VPasCode unterst\u00fctzt nun vier neue Mermaid-Diagramme: Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten. Kostenloser Echtzeit-Preview, SVG\/PNG-Export und KI-gest\u00fctzte Korrekturen.","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\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","og_locale":"de_DE","og_type":"article","og_title":"VPasCode f\u00fcgt Mermaid Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten hinzu","og_description":"VPasCode unterst\u00fctzt nun vier neue Mermaid-Diagramme: Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten. Kostenloser Echtzeit-Preview, SVG\/PNG-Export und KI-gest\u00fctzte Korrekturen.","og_url":"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","og_site_name":"Visual Paradigm Product Updates German","og_image":[{"width":471,"height":580,"url":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/06\/img_6a2f6166aac75.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","url":"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","name":"VPasCode f\u00fcgt Mermaid Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten hinzu","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/06\/img_6a2f6166aac75.png","datePublished":"2026-06-15T02:28:41+00:00","description":"VPasCode unterst\u00fctzt nun vier neue Mermaid-Diagramme: Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten. Kostenloser Echtzeit-Preview, SVG\/PNG-Export und KI-gest\u00fctzte Korrekturen.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/06\/img_6a2f6166aac75.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/06\/img_6a2f6166aac75.png","width":471,"height":580},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/de\/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\/de\/"},{"@type":"ListItem","position":2,"name":"VPasCode erweitert die Mermaid-Unterst\u00fctzung: Ishikawa, Ereignismodellierung, Venn- und Wardley-Karten jetzt verf\u00fcgbar"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/de\/#website","url":"https:\/\/updates.visual-paradigm.com\/de\/","name":"Visual Paradigm Product Updates German","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/de\/#organization","name":"Visual Paradigm Product Updates German","url":"https:\/\/updates.visual-paradigm.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/updates.visual-paradigm.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates German"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/releases\/2732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/releases\/2732\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/media\/2733"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/media?parent=2732"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/product?post=2732"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/product-area?post=2732"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/version?post=2732"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/release-type?post=2732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}