{"id":2109,"date":"2026-05-26T08:05:44","date_gmt":"2026-05-26T08:05:44","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/docs\/uncategorized\/mermaid-js-mind-map-syntax-guide\/"},"modified":"2026-05-26T08:05:44","modified_gmt":"2026-05-26T08:05:44","slug":"mermaid-js-mind-map-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/","title":{"rendered":"Mermaid.js Mind Map Syntax-Leitfaden"},"content":{"rendered":"<h2>Was ist eine Mind Map?<\/h2>\n<p>Eine <strong>Mind Map<\/strong> ist eine hierarchische, baumartige Visualisierung, die verwendet wird, um komplexe Informationsfl\u00fcsse, brainstromierte Ideen oder Projekt-Taxonomien zu erfassen, zu organisieren und zu strukturieren. Im Gegensatz zu Flussdiagrammen, die lineare Prozessschritte vorgeben, stellen Mind Maps Verbindungen zwischen einem zentralen Kernkonzept und seinen verschiedenen Unterknoten dar, wodurch sie ideal f\u00fcr die Planung von Roadmaps auf hoher Ebene, die Aufgliederung von Funktionen oder das Wissensmanagement sind.<\/p>\n<p>Mit <strong>Mermaid.js<\/strong>, definieren Sie Ihre hierarchische Struktur mithilfe der standardm\u00e4\u00dfigen Markdown-Listeneinr\u00fcckung. Die Engine verarbeitet automatisch die Knotenpositionierung, berechnet das Baumwachstum und wendet unterschiedliche Knotenformen basierend auf der Hierarchieebene an, sodass Sie Hunderte miteinander verbundener Knoten visualisieren k\u00f6nnen, ohne manuell Pixel ausrichten zu m\u00fcssen.<\/p>\n<h2>Kern-Syntax-Leitfaden: Elemente und Konstrukte<\/h2>\n<p>Die Erstellung einer g\u00fcltigen, produktionsreifen Mind Map in Mermaid erfordert die Beherrschung der Definition des Wurzelknotens, der auf Einr\u00fcckung basierenden Ebenenverschachtelung und visueller dekorativer Token.<\/p>\n<h3>1. Initialisieren des Mind Map-Wurzelknotens<\/h3>\n<p>Sie initialisieren eine Mind Map-Leinwand in Zeile eins mit dem <code>mindmap<\/code>Schl\u00fcsselwort. Die Struktur wird durch die Definition eines Wurzelknotens (dem Zentrum Ihrer Karte) aufgebaut und anschlie\u00dfend durch Unterknoten, die darunter geschachtelt werden, mithilfe der standardm\u00e4\u00dfigen, raumbezogenen Einr\u00fcckung:<\/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\/editor\/#mermaid:eNrLzcxLyU0s4OVSUCjKzy\/R0HBOzSspSsxRcM4vSgUSecmpBSWamiB5BQWf1LLUHAVDBb\/8lFSICEzMSCG4NEk3DygOAPN8F8Y=\" 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\/editor\/#mermaid:eNrLzcxLyU0s4OVSUCjKzy\/R0IhKzSspSsxJLVLwTi3KS0pNL8pMS9PUBClQUPDOyy9JzVNIAcq6JqXmpSoYQsQVFELzSlKLstGljQCvxR2x\" \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\">mindmap\r\n  root((Zentraler Kernbegriff))\r\n    Knoten der Ebene 1\r\n      Unterknoten der Ebene 2<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNrLzcxLyU0s4OVSUCjKzy\/R0IhKzSspSsxJLVLwTi3KS0pNL8pMS9PUBClQUPDOyy9JzVNIAcq6JqXmpSoYQsQVFELzSlKLstGljQCvxR2x\" \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\/editor\/#mermaid:eNrLzcxLyU0s4OVSUCjKzy\/R0HBOzSspSsxRcM4vSgUSecmpBSWamiB5BQWf1LLUHAVDBb\/8lFSICEzMSCG4NEk3DygOAPN8F8Y=\" 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 id=\"nmAUiIy\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-640\" decoding=\"async\" fetchpriority=\"high\" height=\"365\" sizes=\"(max-width: 203px) 100vw, 203px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19045930f31.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19045930f31.png 203w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19045930f31-167x300.png 167w\" width=\"203\"\/><\/p>\n<h3>2. Steuerung der Knotengeometrie<\/h3>\n<p>Genau wie bei Flussdiagrammen k\u00f6nnen Sie visuellen Kontext hinzuf\u00fcgen, indem Sie Ihren Text in spezifische Klammertoken einschlie\u00dfen. Dies wird dringend empfohlen, um zwischen prim\u00e4ren Kategorien, sekund\u00e4ren Aufgaben und handlungsorientierten Elementen zu unterscheiden:<\/p>\n<ul>\n<li><code>(Text)<\/code> \u2014 Runder Knoten (Standard).<\/li>\n<li><code>((Text))<\/code> \u2014 Doppelt gerundeter Knoten (Meist f\u00fcr den Wurzelknoten reserviert).<\/li>\n<li><code>[Text]<\/code> \u2014 Quadratischer Knoten.<\/li>\n<li><code>)Text(<\/code> \u2014 Konvexer\/asymmetrischer Knoten.<\/li>\n<li><code>{Text}<\/code> \u2014 Sechseckiger\/klammerartiger Knoten.<\/li>\n<\/ul>\n<h3>3. Integration von Symbolen und externen Formatierungen<\/h3>\n<p>Sie k\u00f6nnen die Lesbarkeit von Knoten verbessern, indem Sie visuelle Symbole direkt innerhalb der Textzeichenfolge mithilfe der <code>::icon(...)<\/code>Syntax hinzuf\u00fcgen. Dadurch k\u00f6nnen Sie schnell zwischen verschiedenen Arten von Knoten (z.\u202fB. Personen, Software, Hardware oder externe APIs) auf einen Blick unterscheiden:<\/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\/editor\/#mermaid:eNrLzcxLyU0s4OVSUCjKzy\/R0AiuLC5JzVVwLErOyCxJTS4pLUrV1ARJKyhohHoq+CRWphZB+VZWmcn5eRppiQppibopqcXZJfkFUCkFhejw1CQFx4KCWKhel8SSRDy6gbJJicWpCO0BRZm5iUWVCi5OsQBNGC5E\" 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\/editor\/#mermaid:eNrLzcxLyU0s4OVSUCjKzy\/R0AiuLC5JzU0sSs7ILEnNLikt0tQESSooaIR66rompealQvlWVpnJ+XkaaYkKaYm6KanF2SX5BVApBYXo8NQkXce88tS8lNK89FioCS6JJal5eAxJLElMSixORZgSUJSZe3hJUaqCi1MsAMvNMbw=\" \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\">mindmap\r\n  root((Systemarchitektur))\r\n    (UI-Ebene)\r\n    ::icon(fa fa-desktop)\r\n      [Web-Anwendung]\r\n    (Daten-Ebene)\r\n    ::icon(fa fa-database)\r\n      [Prim\u00e4re DB]<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNrLzcxLyU0s4OVSUCjKzy\/R0AiuLC5JzU0sSs7ILEnNLikt0tQESSooaIR66rompealQvlWVpnJ+XkaaYkKaYm6KanF2SX5BVApBYXo8NQkXce88tS8lNK89FioCS6JJal5eAxJLElMSixORZgSUJSZe3hJUaqCi1MsAMvNMbw=\" \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\/editor\/#mermaid:eNrLzcxLyU0s4OVSUCjKzy\/R0AiuLC5JzVVwLErOyCxJTS4pLUrV1ARJKyhohHoq+CRWphZB+VZWmcn5eRppiQppibopqcXZJfkFUCkFhejw1CQFx4KCWKhel8SSRDy6gbJJicWpCO0BRZm5iUWVCi5OsQBNGC5E\" 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 id=\"ICQbYlC\"><img alt=\"\" class=\"alignnone size-full wp-image-641\" decoding=\"async\" height=\"593\" sizes=\"(max-width: 183px) 100vw, 183px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19045d42bc3.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19045d42bc3.png 183w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19045d42bc3-93x300.png 93w\" width=\"183\"\/><\/p>\n<h2>Best Practices f\u00fcr klare Hierarchie-Layouts<\/h2>\n<ul>\n<li><strong>Halten Sie den Knotentext kurz:<\/strong>Mindmaps sollten f\u00fcr schnelles Scannen verwendet werden. Halten Sie Ihre Knotenbeschriftungen auf drei W\u00f6rter oder weniger, damit der Text die Baumzweige nicht \u00fcber die Bildschirmbreite hinaus dehnt.<\/li>\n<li><strong>Verwenden Sie konsistente Geometrie:<\/strong>Stellen Sie eine strenge Logik f\u00fcr Formen \u00fcber Ihren gesamten Baum hinweg sicher (z.\u202fB. verwenden Sie rechteckige Knoten f\u00fcr Codekomponenten, sechseckige Knoten f\u00fcr API-Endpunkte und abgerundete Knoten f\u00fcr physische Infrastruktur). Diese Konsistenz macht die Karte viel leichter verst\u00e4ndlich.<\/li>\n<li><strong>Begrenzen Sie die Verschachtelungstiefe:<\/strong>Versuchen Sie, Ihre Karte nicht tiefer als vier oder f\u00fcnf Ebenen zu verschachteln. Wenn eine Verzweigung eine tiefere Verschachtelung erfordert, \u00fcberlegen Sie, sie in eine eigene spezialisierte Mindmap auszulagern, um die Gesamtgr\u00f6\u00dfe der Zeichenfl\u00e4che \u00fcberschaubar zu halten.<\/li>\n<\/ul>\n<h2>Realit\u00e4tsnahe Mermaid.js Mindmap-Beispiele und Vorlagen<\/h2>\n<h3>Beispiel 1: Softwareentwicklungslebenszyklus (SDLC) Taxonomie<\/h3>\n<p>Dieser funktionale Bauplan ordnet die Standardphasen des SDLC in einen kategorisierten Baum an und verwendet Symbole, um visuell die Art jeder Aufgabengruppe hervorzuheben.<\/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\/editor\/#mermaid:eNp10E1rwzAMBuD7YP9BR\/cwdu+tJAwCG2T9OI0e1ERNxRzJteVB\/\/2Ski0ddEe\/Mo9e1LO0PYbHB4Coas5tytcC6hMmSovFGAO42qMISze9l0tuVNwR4YhPhukzTQOAjzWdM0fqSSztf9MXwsQH9myXKXQlfZHXMH68xzba0qyuYnNio8ZypFmt+uCvm9BY5Qd+zzjuuYcecjebO2GDLaXbnpUYdfHK\/RkNbYPXy79lveZ2lovquSih5kCehW74Nx12ahwuuf8GTkJqnQ==\" 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\/editor\/#mermaid:eNp1jk1OwzAQhfdIvYOX7iJi311Ju6gEUlCXiMXUnsSjOOPIHquXYckZuEAu1qYEEiS6fD\/63uuIbQf96kGpGIJofdw9l0XlICGv16OtlK48cOZmkpsNmcC6BlVDIZDaNAVKvW25DtFivLaR33\/tl+Gr8WRciyQpSbaEU6j3LGcyrb\/DN8HiAh+NI8FWcpzhh6732CEL3XZ\/wK8ZPMnwKf9hT7mZqXtiNx4TTJIWXBZsIggF\/hPpJ4zfdX\/3tQ\/ZzgPl4bHcFRX16IlxMTF8nDCewbjx9wWuRXUv\" \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\">mindmap\r\n  root((SDLC-Phasen))\r\n    (Planung)\r\n    ::icon(fa fa-tasks)\r\n      [Anforderungen]\r\n      [M\u00f6glichkeitsstudie]\r\n    (Entwicklung)\r\n    ::icon(fa fa-code)\r\n      [Architektur]\r\n      [Implementierung]\r\n    (Qualit\u00e4t)\r\n    ::icon(fa fa-bug)\r\n      [Einheitstests]\r\n      [Integrationstests]\r\n    (Bereitstellung)\r\n    ::icon(fa fa-cloud)\r\n      [CI\/CD-Pipelines]\r\n      [\u00dcberwachung]<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1jk1OwzAQhfdIvYOX7iJi311Ju6gEUlCXiMXUnsSjOOPIHquXYckZuEAu1qYEEiS6fD\/63uuIbQf96kGpGIJofdw9l0XlICGv16OtlK48cOZmkpsNmcC6BlVDIZDaNAVKvW25DtFivLaR33\/tl+Gr8WRciyQpSbaEU6j3LGcyrb\/DN8HiAh+NI8FWcpzhh6732CEL3XZ\/wK8ZPMnwKf9hT7mZqXtiNx4TTJIWXBZsIggF\/hPpJ4zfdX\/3tQ\/ZzgPl4bHcFRX16IlxMTF8nDCewbjx9wWuRXUv\" \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\/editor\/#mermaid:eNp10E1rwzAMBuD7YP9BR\/cwdu+tJAwCG2T9OI0e1ERNxRzJteVB\/\/2Ski0ddEe\/Mo9e1LO0PYbHB4Coas5tytcC6hMmSovFGAO42qMISze9l0tuVNwR4YhPhukzTQOAjzWdM0fqSSztf9MXwsQH9myXKXQlfZHXMH68xzba0qyuYnNio8ZypFmt+uCvm9BY5Qd+zzjuuYcecjebO2GDLaXbnpUYdfHK\/RkNbYPXy79lveZ2lovquSih5kCehW74Nx12ahwuuf8GTkJqnQ==\" 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 id=\"izbfwXQ\"><img alt=\"\" class=\"alignnone size-full wp-image-642\" decoding=\"async\" height=\"482\" sizes=\"(max-width: 729px) 100vw, 729px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190462044fb.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190462044fb.png 729w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190462044fb-300x198.png 300w\" width=\"729\"\/><\/p>\n<p><strong>Syntax-Aufschl\u00fcsselung:<\/strong> Durch die Verwendung des <code>root<\/code>Knotens in der Mitte und Einr\u00fcckung f\u00fcr Ebenen generiert die Engine Zweige symmetrisch. Die <code>::icon(fa fa-...)<\/code>Syntax f\u00fcgt FontAwesome-kompatible Glyphen ein und verwandelt abstrakte Phasen in visuell unterscheidbare, leicht scannbare Knoten.<\/p>\n<h3>Beispiel 2: Aufteilung von Enterprise-Mikroservices nach Funktionen<\/h3>\n<p>Dieser fortgeschrittene Bauplan zerlegt eine E-Commerce-Plattform in technische Funktionsgruppen und verwendet geometrische Formen, um zwischen Infrastrukturmodulen und Kunden-orientierten Schnittstellen zu unterscheiden.<\/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\/editor\/#mermaid:eNpNj0EKwjAQRfeCd5hluvAQpbooKEaLuJAupsnUBppMmaQFb28EsW7fn\/c\/412wHqftBkCYk1KHXcXekxgCPWLqWXxRfGIAdYskUIdE0qOhLwV4nLhzI0E5Te2P3amDPcahYxT7xaohWVxuPuKLZPXLOQ1Q6nq1z2Lz1IpUHXrBmGQ2aZZ1WiktzqO8oBp5tqCFF5fV4neRy65kXYQKzUDtH9Yc01OouRzzTzFhMNS+AZ3eTCs=\" 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\/editor\/#mermaid:eNpNjjGOwjAURHukvYNLp\/AhQqCItEjZ3WILlMImk42F7R99fzech5twMYKEsmnfzBvNyach2vljpxQTidZH01CM4AtMF6zISByr6pUrpfdIRW5gcuAxPO6XCe9IqfOJnA9Q9Tz3K\/uFMwebJ0eWhzfWB4+UBQ5pY9dFJlN37b+7x1IKYQN1m0a2WbhcpfDqat2xj487g1UTqAymTs5DwNXaWfa+MfhsGruc7je4oyx\/jJ+vT9Mut2y69U9diVDJ\" \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\">Mindmap\r\n  root((E-Commerce-Plattform))\r\n    (Benutzeroberfl\u00e4che)\r\n      [Mobile App]\r\n      [Web-Dashboard]\r\n    (Dienstebene)\r\n      [Auth-API]\r\n      [Bestell-API]\r\n    (Infrastruktur)\r\n      ((Prim\u00e4rer Cloud-Anbieter))\r\n        [Redis-Cache]\r\n        [PostgreSQL-Instanz]<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpNjjGOwjAURHukvYNLp\/AhQqCItEjZ3WILlMImk42F7R99fzech5twMYKEsmnfzBvNyach2vljpxQTidZH01CM4AtMF6zISByr6pUrpfdIRW5gcuAxPO6XCe9IqfOJnA9Q9Tz3K\/uFMwebJ0eWhzfWB4+UBQ5pY9dFJlN37b+7x1IKYQN1m0a2WbhcpfDqat2xj487g1UTqAymTs5DwNXaWfa+MfhsGruc7je4oyx\/jJ+vT9Mut2y69U9diVDJ\" \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\/editor\/#mermaid:eNpNj0EKwjAQRfeCd5hluvAQpbooKEaLuJAupsnUBppMmaQFb28EsW7fn\/c\/412wHqftBkCYk1KHXcXekxgCPWLqWXxRfGIAdYskUIdE0qOhLwV4nLhzI0E5Te2P3amDPcahYxT7xaohWVxuPuKLZPXLOQ1Q6nq1z2Lz1IpUHXrBmGQ2aZZ1WiktzqO8oBp5tqCFF5fV4neRy65kXYQKzUDtH9Yc01OouRzzTzFhMNS+AZ3eTCs=\" 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 id=\"PFigxKF\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-643\" decoding=\"async\" height=\"763\" loading=\"lazy\" sizes=\"auto, (max-width: 863px) 100vw, 863px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190465dafc5.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190465dafc5.png 863w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190465dafc5-300x265.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190465dafc5-768x679.png 768w\" width=\"863\"\/><\/p>\n<p><strong>Syntax-Aufschl\u00fcsselung:<\/strong> Diese Karte verwendet explizit verschiedene Formen, um logische Systemkomponenten zu kennzeichnen. Hierdurch erm\u00f6glicht die klare visuelle Hierarchie den Beteiligten, sofort zwischen oberfl\u00e4chlichen Diensten und zugrundeliegenden Dateninfrastrukturen zu unterscheiden.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Was ist eine Mind Map? Eine Mind Map ist eine hierarchische, baumartige Visualisierung, die verwendet wird, um komplexe Informationsfl\u00fcsse, brainstromierte Ideen oder Projekt-Taxonomien zu erfassen, zu organisieren und zu strukturieren. Im Gegensatz zu Flussdiagrammen, die lineare Prozessschritte vorgeben, stellen Mind&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":6,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2109","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mermaid Mind Map Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Organize brainstorming ideas into tree structures using Mermaid mind maps in VPasCode, a free diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid Mind Map Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Organize brainstorming ideas into tree structures using Mermaid mind maps in VPasCode, a free diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19045930f31.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=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-mind-map-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-mind-map-syntax-guide\\\/\",\"name\":\"Mermaid Mind Map Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-mind-map-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-mind-map-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a19045930f31.png\",\"datePublished\":\"2026-05-26T08:05:44+00:00\",\"description\":\"Organize brainstorming ideas into tree structures using Mermaid mind maps in VPasCode, a free diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-mind-map-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-mind-map-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-mind-map-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a19045930f31.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a19045930f31.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/mermaid-js-mind-map-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Mermaid.js Mind Map Syntax-Leitfaden\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mermaid Mind Map Syntax | VPasCode Text to Diagram Guide","description":"Organize brainstorming ideas into tree structures using Mermaid mind maps in VPasCode, a free diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/","og_locale":"de_DE","og_type":"article","og_title":"Mermaid Mind Map Syntax | VPasCode Text to Diagram Guide","og_description":"Organize brainstorming ideas into tree structures using Mermaid mind maps in VPasCode, a free diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19045930f31.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/","url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/","name":"Mermaid Mind Map Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19045930f31.png","datePublished":"2026-05-26T08:05:44+00:00","description":"Organize brainstorming ideas into tree structures using Mermaid mind maps in VPasCode, a free diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19045930f31.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19045930f31.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/mermaid-js-mind-map-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/de\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/de\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Mermaid.js Mind Map Syntax-Leitfaden"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/de\/#website","url":"https:\/\/www.vpascode.com\/de\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/de\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs\/2109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/media?parent=2109"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_collection?post=2109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}