{"id":2119,"date":"2026-05-26T07:53:11","date_gmt":"2026-05-26T07:53:11","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/docs\/uncategorized\/plantuml-c4-model-syntax-guide\/"},"modified":"2026-05-26T07:53:11","modified_gmt":"2026-05-26T07:53:11","slug":"plantuml-c4-model-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/","title":{"rendered":"PlantUML C4-Modell-Syntaxleitfaden"},"content":{"rendered":"<h2>Was ist das C4-Modell-Diagramm?<\/h2>\n<p>Die <strong>C4-Modell-Diagramm<\/strong> ist ein hierarchisches, vierstufiges architektonisches Framework, das entwickelt wurde, um Softwarearchitekturen mit unterschiedlichen Granularit\u00e4tsgraden zu dokumentieren. Erstellt von Simon Brown vermeidet C4 vage Boxen und Linien, indem Systemkarten in vier explizite Abstraktionslinsen strukturiert werden: <strong>Kontext<\/strong> (Systemebene), <strong>Container<\/strong> (Anwendungen und Datenbanken), <strong>Komponente<\/strong> (interne Module), und <strong>Code<\/strong> (Implementierungen auf Klassenebene).<\/p>\n<p>Um dieses Modell effektiv im Text umzusetzen, verwenden Ingenieure die offizielle <code>C4-PlantUML<\/code>Standard-Bibliothekserweiterung. Diese Bibliothek ersetzt rohe UML-Formen durch spezialisierte Makros, die automatisch unterschiedliche Farben, Formen und Metadatenfelder f\u00fcr Benutzer, Systeme und Datenbanken einf\u00fcgen. Mit <strong>VPasCode<\/strong>, k\u00f6nnen Sie diese verschachtelten Umgebungen sauber im Code definieren. Der Layout-Engine werden Verbindungsvektoren dynamisch geleitet und Textfelder skaliert, ohne Ihre Layout-Geometrie zu st\u00f6ren.<\/p>\n<h2>Kern-Syntaxleitfaden: Elemente und Konstrukte<\/h2>\n<p>Die Erstellung eines g\u00fcltigen C4-Modells mit PlantUML beruht auf dem Importieren der richtigen Bibliotheksdateien, der Auswahl struktureller Makros, der Festlegung von Grenzen und der Verwendung spezialisierter Beziehungslinien.<\/p>\n<h3>1. Importieren der C4-Standardbibliotheksdateien<\/h3>\n<p>Die <code>C4-PlantUML<\/code>Erweiterung ist in einzelne Dateien aufgeteilt, die direkt den unterschiedlichen Ebenen des Abstraktionsmodells entsprechen. Um Leistungsverz\u00f6gerungen oder Compiler-Fehler zu vermeiden, sollten Sie nur die spezifische Dateiebene importieren, die Ihr Diagramm anspricht:<\/p>\n<pre class=\"lang-plantuml\"><code>@startuml\r\n' F\u00fcgen Sie die erforderliche spezifische C4-Ebenendatei ein\r\n!include &lt;C4\/C4_Context&gt;\r\n' Verwenden Sie C4_Container oder C4_Component f\u00fcr detailliertere architektonische Karten<\/code><\/pre>\n<h3>2. Deklarieren zentraler Akteure und Systeme (Kontebene)<\/h3>\n<p>Auf der hochwertigen Systemkontext-Ebene modellieren Sie interne Komponenten, externe Abh\u00e4ngigkeiten und menschliche Endbenutzer. Die Standardbibliothek bietet spezifische Makros, die eine ID, eine visuelle Beschriftung und einen optionalen beschreibenden Tag akzeptieren:<\/p>\n<ul>\n<li><code>Person(id, \"Beschriftung\", \"Beschreibung\")<\/code> \u2014 Stellt ein Benutzerprofil oder einen Systemakteur dar.<\/li>\n<li><code>System(id, \"Beschriftung\", \"Beschreibung\")<\/code> \u2014 Stellt ein prim\u00e4res internes Softwareanwendungssystem oder Dienstekosystem dar.<\/li>\n<li><code>System_Ext(id, \"Beschriftung\", \"Beschreibung\")<\/code> \u2014 Stellt ein externes System oder eine Drittanbieter-API-Abh\u00e4ngigkeit dar (wird in einer expliziten grauen Farbpalette dargestellt).<\/li>\n<\/ul>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HS_1IWD130RW-yA-GzpJ5XGlFOgemu8UXC9wNz9fMeCp6PbaRVVjdR4j7fFy-KYUr33R70EuzJG4YYIcRNF3uiEy8tXmw_ioSKcCJlRODXlAcgJtirgAb6-XUq7vOZc0kxIwqdk6Qm2ER9-0yFstXm6s9GxeVPh5kbNRZ8iQnNvxLYPTjEoxb0cky3bHsLUKNI25FGkAvw9PHb7qnadqNvk6a_KHELouuQuMC5B-OKzLUYl_v7hE-Fwn0Kd6U_PO6JYWqH6NRlKB\" 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>Plantuml 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\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HOz1Qy9G48JlWVo7RKuH6dhnM4enfb1442ozXcTSufAyITctKUElzyKMUjkPsVsOVG_cr4RVKxcigvuzmqAQF0cQVZmolPRBbvYK0uolzfOcEzOm8Ez67FcPifL3zvYpA2e1RMP1NenOm9v-LCxE6FJOZ9WXMwJ9VWh6FZz4Jz3MOGhnVCEAsIb-qvdupUhqm69iz25mk9aw1DUP363ye-hgQhbtql-ngc8RHR4MHh2Pz1aVKB3IVlkrArOCrvnKcfD9Ew8DRUnuSLEsk0C0\" \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 Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml C4_Elements\r\n!include &lt;C4\/C4_Context&gt;\r\nPerson(kunde, \"Bankkunde\", \"Ein Kunde mit einem privaten Bankkonto\")\r\nSystem(banking_sys, \"Kernbank-System\", \"Verarbeitet Finanztransaktionen\")\r\nSystem_Ext(mail_sys, \"E-Mail-Dienst\", \"Interner SMTP-Benachrichtigungsgateway\")<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:HOz1Qy9G48JlWVo7RKuH6dhnM4enfb1442ozXcTSufAyITctKUElzyKMUjkPsVsOVG_cr4RVKxcigvuzmqAQF0cQVZmolPRBbvYK0uolzfOcEzOm8Ez67FcPifL3zvYpA2e1RMP1NenOm9v-LCxE6FJOZ9WXMwJ9VWh6FZz4Jz3MOGhnVCEAsIb-qvdupUhqm69iz25mk9aw1DUP363ye-hgQhbtql-ngc8RHR4MHh2Pz1aVKB3IVlkrArOCrvnKcfD9Ew8DRUnuSLEsk0C0\" \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 Plantuml 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\/#plantuml:HS_1IWD130RW-yA-GzpJ5XGlFOgemu8UXC9wNz9fMeCp6PbaRVVjdR4j7fFy-KYUr33R70EuzJG4YYIcRNF3uiEy8tXmw_ioSKcCJlRODXlAcgJtirgAb6-XUq7vOZc0kxIwqdk6Qm2ER9-0yFstXm6s9GxeVPh5kbNRZ8iQnNvxLYPTjEoxb0cky3bHsLUKNI25FGkAvw9PHb7qnadqNvk6a_KHELouuQuMC5B-OKzLUYl_v7hE-Fwn0Kd6U_PO6JYWqH6NRlKB\" 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>Plantuml in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"USSGhTV\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-608\" decoding=\"async\" fetchpriority=\"high\" height=\"316\" sizes=\"(max-width: 461px) 100vw, 461px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.png 461w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e-300x206.png 300w\" width=\"461\"\/><\/p>\n<h3>3. Aufbl\u00e4hende Grenzen (Container- und Komponentenebene)<\/h3>\n<p>Wenn Sie tiefer in die Container-Ebene eindringen, modellieren Sie Webanwendungen, Mikrodienste und Datenbanken. Sie k\u00f6nnen diese internen Elemente innerhalb einer expliziten logischen Grenzbox isolieren, indem Sie die<code>System_Boundary()<\/code> Makro-Wrapper verwenden:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOrFQyCm3CNlWNm7DOUHmi8Oz3W6MzfR3zsyUr1iDHCujf6TbZ3stUTaVmxJHNfFqkzjs6ax6OA7TdVNxhhMkuJiI1xBeYpK71EDtREVd46PQtr_2zMXQVquacY2xpqSj6_YEbPR-2WBoFK7gg_KTnX2_bJi1alD2GU2fn0iQqpiNPLNhuGwmGsypO6K5WvfSK_YBsmemXH9u4oO9idgmWYPcZjTg-s_l7rV6qpOOwILQzSCjB3_SLUmZsaGKY_7HQdavJSaY3-p9K1dm98PilNECHymnINhymi0\" 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>Plantuml 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\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOz1IiH044NtWToXpK9cm232BCL5CkvSg15SXaxdPwP9KXswgnqouZKyWSTmbulPFOB2rAggFl-_gWjDQl0jn6svkIutTMc8fIROkpH9asfsZB4kZATMsdcbRgv4Tf-NPXnX5V9VFLy-U-DERROMxsaYGlq5hGveQZbDqQdfYC51CqZI0THwscL1U8PKB2x5opoXKbPF7BU51eD50V9yXEqyzQmDWSJotS2ALpIId5PxpjPdq6spQYNBHZgSuWSPdNA0sCe03xu-4XwDuvr5zVGGfsf228FzHqxMT3gOmlkYy6eVpdLliCFovJj4wCSF\" \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 Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">!include &lt;C4\/C4_Container&gt;\r\n\r\nSystem_Boundary(c1, \"E-Commerce-System-\u00d6kosystem\") {\r\n    Container(web_app, \"Einzelseitenanwendung\", \"React &amp; TypeScript\", \"Bietet Benutzerfunktionen \u00fcber Webansicht\")\r\n    ContainerDb(database, \"Relationale Datenbank\", \"PostgreSQL\", \"Speichert Benutzerprofile und Buchungsverl\u00e4ufe\")\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOz1IiH044NtWToXpK9cm232BCL5CkvSg15SXaxdPwP9KXswgnqouZKyWSTmbulPFOB2rAggFl-_gWjDQl0jn6svkIutTMc8fIROkpH9asfsZB4kZATMsdcbRgv4Tf-NPXnX5V9VFLy-U-DERROMxsaYGlq5hGveQZbDqQdfYC51CqZI0THwscL1U8PKB2x5opoXKbPF7BU51eD50V9yXEqyzQmDWSJotS2ALpIId5PxpjPdq6spQYNBHZgSuWSPdNA0sCe03xu-4XwDuvr5zVGGfsf228FzHqxMT3gOmlkYy6eVpdLliCFovJj4wCSF\" \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 Plantuml 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\/#plantuml:NOrFQyCm3CNlWNm7DOUHmi8Oz3W6MzfR3zsyUr1iDHCujf6TbZ3stUTaVmxJHNfFqkzjs6ax6OA7TdVNxhhMkuJiI1xBeYpK71EDtREVd46PQtr_2zMXQVquacY2xpqSj6_YEbPR-2WBoFK7gg_KTnX2_bJi1alD2GU2fn0iQqpiNPLNhuGwmGsypO6K5WvfSK_YBsmemXH9u4oO9idgmWYPcZjTg-s_l7rV6qpOOwILQzSCjB3_SLUmZsaGKY_7HQdavJSaY3-p9K1dm98PilNECHymnINhymi0\" 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>Plantuml in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"GZPysCa\"><img alt=\"\" class=\"alignnone size-full wp-image-609\" decoding=\"async\" height=\"223\" sizes=\"(max-width: 473px) 100vw, 473px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902094851f.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902094851f.png 473w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902094851f-300x141.png 300w\" width=\"473\"\/><\/p>\n<h3>4. Abbildung technischer Beziehungen<\/h3>\n<p>Anstatt sich auf einfache gestrichelte Linien zu verlassen, verwendet C4 explizite Kommunikationsmakros im Format<code>Rel(Quell-ID, Ziel-ID, \"Beschriftung\", \"Technologie\")<\/code>. Dadurch bleibt Ihre Architekturkarte sehr lesbar, da jedes Verbindungselement seinen Zweck und das zugrundeliegende \u00dcbertragungsprotokoll (z.\u202fB. HTTPS, gRPC oder AMQP) angeben muss:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LPB1QkD038Rl1h-3ciFYG4DPwB4KMZVGXLrmr-uvo6FP5PtCc9bnNBFikrVZE6dZoo0XVVf_oLTib1uQWhlyzYQ_tUNM16H3xZvDqgGWvwt9rE23tPExXjKZcdSs7UHBQYMv1pWLmCZX3H3wkGyrr58Eg9GTJ5YjqwISVA1zLXyfEpzvwS-j8pY1ZnKH-uocqUIXPOD6iT22G-DH1RR6Vz5ssu-GxP7rWjjkOW0bkGChYgHV9f2BSie_LG761cvPOSH0Xu56d2Bjp7iKjGswALC_Prnkz-9DqQ8Djifk_57c6lwb2SXttbisKht3lfVEKlnesXJO4JpqlLvcHaL_IMp03wYcdahbk0ynMpXxu4Oi3rvssHA6mKbqO0IXoajZ57enxwdE6WnOewUPg-SPulLfoSvWwqFdg7pv7QCoM7SQqZlRiYQGNOEcffFK6yin7TEyulzf8inlVy2NlLSla5XAhHCr5thd-rLLKKP619pRBiHYu-V9e-CWZT_kAmPYvOaboc-gl5YjFm40\" 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>Plantuml 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\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NPB1Rfj048RlIBp3reSAIqLHfHoh7C2EMYMfQ43jqLhm6AyCisXtY8kZlaQU88-HcryiCzYrtN9YWF_x_t-M3mQhfb-2-f9UNwNNYzGYQOFWRi8W339mtcAqwN49dzGaqRWPxoSyp0sgEnbKQqW1QrhLEVEa2L2DNpBAJgPXa0-Ue8rAVcQmNlZ1i_mE7CgJ-F1MY3_1QLU28I1rQr3ZZfn6hpTaB0AUKOlvRufQRPeZQnu_y13F3A0d8Nr3OZmubJyKMPm0wchjJBKcK_TO-vepRlKWm1CoiTn5ko6gFe_4rBOjk0gE-UBzoyRwGzIfUWu3nTTfMT4MoeNkkiDQTj1uQS4Dje1BTfHCZw0hKXzLCNIGLyvqOzB4WDJbY3tjmArwFBPL-xUI2_m2NfANw9Bs7zDP6IqrwL9x6F6D5gLkGCta36Ivuf1PJxM3_CUzJ7a730DtjkoSNHaMSNsLzDLQ5lG4hjc_zYiGqpzXmF2_Fy6vwNUMayhNjejl_uijJb-B8ij5B-AJwYBnlG5Fewtdqm5JaheuxrEFCv4hN1LfDfc-0m00\" \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 Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">!include &lt;C4\/C4_Container&gt;\r\n\r\nPerson(kunde, \"Bankkunde\", \"Ein Kunde mit einem privaten Bankkonto\")\r\nSystem(banking_sys, \"Kernbank-System\", \"Verarbeitet Finanztransaktionen\")\r\nSystem_Ext(mail_sys, \"E-Mail-Dienst\", \"Interner SMTP-Benachrichtigungsgateway\")\r\n\r\nSystem_Boundary(c1, \"E-Commerce-System-\u00d6kosystem\") {\r\n    Container(web_app, \"Einzelseitenanwendung\", \"React &amp; TypeScript\", \"Bietet Benutzerfunktionen \u00fcber Webansicht\")\r\n    ContainerDb(database, \"Relationale Datenbank\", \"PostgreSQL\", \"Speichert Benutzerprofile und Buchungsverl\u00e4ufe\")\r\n}\r\nRel(kunde, web_app, \"Nutzt Shop-Funktionen \u00fcber\", \"HTTPS\")\r\nRel(web_app, database, \"Liest und schreibt transaktionale Daten \u00fcber\", \"SQL\/TCP\")<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NPB1Rfj048RlIBp3reSAIqLHfHoh7C2EMYMfQ43jqLhm6AyCisXtY8kZlaQU88-HcryiCzYrtN9YWF_x_t-M3mQhfb-2-f9UNwNNYzGYQOFWRi8W339mtcAqwN49dzGaqRWPxoSyp0sgEnbKQqW1QrhLEVEa2L2DNpBAJgPXa0-Ue8rAVcQmNlZ1i_mE7CgJ-F1MY3_1QLU28I1rQr3ZZfn6hpTaB0AUKOlvRufQRPeZQnu_y13F3A0d8Nr3OZmubJyKMPm0wchjJBKcK_TO-vepRlKWm1CoiTn5ko6gFe_4rBOjk0gE-UBzoyRwGzIfUWu3nTTfMT4MoeNkkiDQTj1uQS4Dje1BTfHCZw0hKXzLCNIGLyvqOzB4WDJbY3tjmArwFBPL-xUI2_m2NfANw9Bs7zDP6IqrwL9x6F6D5gLkGCta36Ivuf1PJxM3_CUzJ7a730DtjkoSNHaMSNsLzDLQ5lG4hjc_zYiGqpzXmF2_Fy6vwNUMayhNjejl_uijJb-B8ij5B-AJwYBnlG5Fewtdqm5JaheuxrEFCv4hN1LfDfc-0m00\" \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 Plantuml 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\/#plantuml:LPB1QkD038Rl1h-3ciFYG4DPwB4KMZVGXLrmr-uvo6FP5PtCc9bnNBFikrVZE6dZoo0XVVf_oLTib1uQWhlyzYQ_tUNM16H3xZvDqgGWvwt9rE23tPExXjKZcdSs7UHBQYMv1pWLmCZX3H3wkGyrr58Eg9GTJ5YjqwISVA1zLXyfEpzvwS-j8pY1ZnKH-uocqUIXPOD6iT22G-DH1RR6Vz5ssu-GxP7rWjjkOW0bkGChYgHV9f2BSie_LG761cvPOSH0Xu56d2Bjp7iKjGswALC_Prnkz-9DqQ8Djifk_57c6lwb2SXttbisKht3lfVEKlnesXJO4JpqlLvcHaL_IMp03wYcdahbk0ynMpXxu4Oi3rvssHA6mKbqO0IXoajZ57enxwdE6WnOewUPg-SPulLfoSvWwqFdg7pv7QCoM7SQqZlRiYQGNOEcffFK6yin7TEyulzf8inlVy2NlLSla5XAhHCr5thd-rLLKKP619pRBiHYu-V9e-CWZT_kAmPYvOaboc-gl5YjFm40\" 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>Plantuml in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"OfOQvLl\"><img alt=\"\" class=\"alignnone size-full wp-image-610\" decoding=\"async\" height=\"692\" sizes=\"(max-width: 744px) 100vw, 744px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190224848fe.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190224848fe.png 744w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190224848fe-300x279.png 300w\" width=\"744\"\/><\/p>\n<h2>Best Practices f\u00fcr lesbare C4-Architekturen<\/h2>\n<ul>\n<li><strong>Abstraktionsstufen niemals mischen:<\/strong>Halten Sie Ihre Diagramme auf einer einzigen Ebene fokussiert. Mischen Sie keine detaillierten internen Softwarekomponenten in eine hochrangige Systemkontextkarte. Wenn ein System zu komplex wird, trennen Sie es in ein separates, speziell daf\u00fcr erstelltes Container-Ebene-Diagramm.<\/li>\n<li><strong>Technologien explizit definieren:<\/strong>Verwenden Sie immer den vierten Parameter in Ihren<code>Rel()<\/code>Makros, um die genaue verwendete Technologie oder das Protokoll anzugeben (z.\u202fB.<code>\"JSON\/HTTPS\"<\/code> oder <code>\"JDBC\"<\/code>). Dies gibt Ihrem Team einen entscheidenden Implementierungskontext auf einen Blick.<\/li>\n<li><strong>Nutzen Sie Richtungs-Layout-\u00dcberschreibungen:<\/strong> Wenn Ihre Komponenten unangenehm \u00fcbereinander stapeln, verwenden Sie Richtungsbeziehungs-Makros (wie <code>Rel_D()<\/code> f\u00fcr nach unten, <code>Rel_R()<\/code> f\u00fcr rechts oder <code>Rel_L()<\/code> f\u00fcr links) um Ihren architektonischen Fluss manuell zu optimieren.<\/li>\n<\/ul>\n<h2>Realit\u00e4tsnahe PlantUML C4-Beispiele<\/h2>\n<h3>Beispiel 1: Hochschichtiges Systemkontext-Layout (Ebene 1)<\/h3>\n<p>Dieser funktionale Entwurf modelliert ein Standard-Ebene-1-Systemkontext-Diagramm und beschreibt detailliert, wie ein Kunde mit einer Internet-Banking-Anwendung und ihren externen Abh\u00e4ngigkeiten interagiert.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TL9BJy904ButwNyOEM7YuyBH6BGIuy6409wRQJk52TjTiZC5_FTEoqCCyTRT-Pwp7OjYrBPnQNB3ldHjHV2KZHwpKPu5hxJNvpH94sLr1FDlKMhWE80tncN41keGuSEkeYU5L_HhziiZjkDEAKhmmx8L3Gt5EnWSRj2TmTbnDh3X2voG46hG5K5XADYnhc1p8c9PXjQhF0nkq-HWDImEOhdqHrFw9rDlubpOoTb9G0DicNPGiqTVibcmhmEWhw31DO56z58Ryi8nd-nrs22xNyl9VNU6ULl8sMjX5RYFOghKVMmYYssJVFKUkO8on4s8g0GzMIXkhRozXId4tYzDPkGkDdXLzKj887Z7dg12MHK1OsMDi6CRDvzThUTly2wC03gAAdrhYy0rbwWSl2MiJByLutUDvf-BQISyDfBzEZy0\" 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>Plantuml 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\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TL9BJiD03Dr7oXs6heh4m8ObGeYq88I0Yl9PLjF695Op3l9u-FGiB3a3AtQz69v4W2h49XE_sE_ZoL4Gnn9zasTRI8icbc0EYlszOdzMj2Jm8eTvbcU2qe2PlWO1l-nnEq9NiVFUFAm_sPmfo0HYZnqjaIhRDwVX2N1eQRYCLCAE6KmOdvnq5NNFWO9Z97EU2bC2cyHXF8fvx7f1loLHsXrivrbFF9ptEhFGbKhnZuEEdVtwesfmKKklGZlc1CdH2kcXPUy4Mr8LG5h50BM-QfTPlys1dm53f4gXClAYNaMDM_E6bzduHORUOVDhPcmljBRJE0y_BaQQ37kJvhO_QmyKx1IeF6KixGQQ20Bm4x0jcgWat4dcsJKqtylyiuJBA2inLzGWWHsvKCzRnvhaKvEaQPsTNV_PtQRtExqlTGHYxXrJdpsjunY2hDy5AuM2BTeIGhga56rwSJD9z4Swfp_J5m00\" \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 Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include &lt;C4\/C4_Context&gt;\r\n\r\ntitle Systemkontext-Diagramm f\u00fcr Internet-Banking-System\r\n\r\nPerson(kunde, \"Privatkundenkunde\", \"Ein Kunde der Bank mit privaten Konten.\")\r\nSystem(banking_system, \"Internet-Banking-System\", \"Erm\u00f6glicht Kunden, Finanzinformationen einzusehen und \u00dcberweisungen durchzuf\u00fchren.\")\r\nSystem_Ext(mail_system, \"E-Mail-Subsystem\", \"Der interne Unternehmens-SendGrid-Unternehmens-Mailserver-Cluster.\")\r\n\r\nRel(kunde, banking_system, \"Nutzt Online-Dashboard \u00fcber\")\r\nRel_R(banking_system, mail_system, \"Versendet Warnungen und Best\u00e4tigungs-Codes mit\", \"SMTP\")\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TL9BJiD03Dr7oXs6heh4m8ObGeYq88I0Yl9PLjF695Op3l9u-FGiB3a3AtQz69v4W2h49XE_sE_ZoL4Gnn9zasTRI8icbc0EYlszOdzMj2Jm8eTvbcU2qe2PlWO1l-nnEq9NiVFUFAm_sPmfo0HYZnqjaIhRDwVX2N1eQRYCLCAE6KmOdvnq5NNFWO9Z97EU2bC2cyHXF8fvx7f1loLHsXrivrbFF9ptEhFGbKhnZuEEdVtwesfmKKklGZlc1CdH2kcXPUy4Mr8LG5h50BM-QfTPlys1dm53f4gXClAYNaMDM_E6bzduHORUOVDhPcmljBRJE0y_BaQQ37kJvhO_QmyKx1IeF6KixGQQ20Bm4x0jcgWat4dcsJKqtylyiuJBA2inLzGWWHsvKCzRnvhaKvEaQPsTNV_PtQRtExqlTGHYxXrJdpsjunY2hDy5AuM2BTeIGhga56rwSJD9z4Swfp_J5m00\" \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 Plantuml 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\/#plantuml:TL9BJy904ButwNyOEM7YuyBH6BGIuy6409wRQJk52TjTiZC5_FTEoqCCyTRT-Pwp7OjYrBPnQNB3ldHjHV2KZHwpKPu5hxJNvpH94sLr1FDlKMhWE80tncN41keGuSEkeYU5L_HhziiZjkDEAKhmmx8L3Gt5EnWSRj2TmTbnDh3X2voG46hG5K5XADYnhc1p8c9PXjQhF0nkq-HWDImEOhdqHrFw9rDlubpOoTb9G0DicNPGiqTVibcmhmEWhw31DO56z58Ryi8nd-nrs22xNyl9VNU6ULl8sMjX5RYFOghKVMmYYssJVFKUkO8on4s8g0GzMIXkhRozXId4tYzDPkGkDdXLzKj887Z7dg12MHK1OsMDi6CRDvzThUTly2wC03gAAdrhYy0rbwWSl2MiJByLutUDvf-BQISyDfBzEZy0\" 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>Plantuml in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"NTJPRPC\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-611\" decoding=\"async\" height=\"439\" loading=\"lazy\" sizes=\"auto, (max-width: 561px) 100vw, 561px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190234b2052.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190234b2052.png 561w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190234b2052-300x235.png 300w\" width=\"561\"\/><\/p>\n<p><strong>Syntax-Aufschl\u00fcsselung:<\/strong> Dieses Diagramm konzentriert sich ausschlie\u00dflich auf den Hochschichtigen Bereich. Das <code>System_Ext<\/code> Makro wendet automatisch ein graues Farbprofil auf den E-Mail-Service an und trennt ihn visuell vom Kernsystem und seinen externen Abh\u00e4ngigkeiten. Das <code>Rel_R<\/code> Makro zwingt den Layout-Engine, den E-Mail-Knoten direkt rechts vom Bank-System-Block zu platzieren.<\/p>\n<h3>Beispiel 2: Tiefgang-Mikroservice-Container-Topologie (Ebene 2)<\/h3>\n<p>Dieser fortgeschrittene Unternehmensentwurf zerlegt ein System in seine Bestandteile von Container-Anwendungen und isolierten Datenspeichern und zeigt, wie Webverkehr \u00fcber einen API-Gateway zu Backend-Mikroservices geleitet wird.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLHTRzf047n7uZziUMY9b3PIbSUgIW9jIfGF5wFsqLgV5tFA-SwwMqEigF-zUxP38Kfv07bzDpExCyj5OFJSL6OyUgUjCar1y6LsVZOxpsRECcfB_kjuD1wnPaEmhy5SO-cnWhNpa61RaML8d6SqS8rCEspZhOHyS7PQaLSRj7mAaz-KmztmA1Sz2zX4wWlB981C0Mg3BB0Lg0sfHzSma2rgfoq7a2y7l27jOKTvq7B-q-GaKgLjOAgoAzVO0dqxhJinML2k9i5_qJY8Ws_AXUx6v0IUnoEGpxwvATOwA_k3SlKoMS1IP6XRGkBTKnlrtfVQFhq8zuhgJbmUsK6XCU4KfCN2I3-nAp2wqd94If2ZGQlaXNN58FyLVSERB93VQXMbBmeHhhc5Ewsy6-gH-jh1UtYubDEVu-ClDBhe9bZGbepqxI5gP_T8jgVkfl4M9J_P0yQLHnjGiNOMRgaeUujkS8kGrZxEuSevZZMPXtGIeclzW7kU2YsMKZJTPK2bP33y1l4yd_PdiY8Nk9uCviWOsFckovbJZzwXsiolkdbNjQ6UgT21lSuRfW8kPulvH-NafOx9Oimbha4IL65F-oU6v4Dd905xNA-rWhLnkm3A45hJYamPRvSnybQ2hFPfboKfYSDuj2HpaERZdAHDtdayJ2B-6eT5WAt6gFp7QfMaPpVfmttK8qZP_3Xfhtp_vwTifglYs0Sh1y1ocSp-0tNivtVdT-X5oNwZUdE30Bu6MXvduT2TkCqoyhsjqgJNj9UJ_hmzMzsc4UX2DbR-LFu2\" 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>Plantuml 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\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLJDRjf04BuZyGvR3YsHkerKvLXL0OCIKfgu6BLIBjRQ7koLrxlMxZW9YleQFVMOnyZDBzPPynE8KWu8bfrllZzpxb1OR2hLxxsJEbLD1knBS7OQdCM1qIYa1lkrt-ltKA82jZ_Z4oboAwgAhTfdosv5eHgTkzfO50huXK2u5si_689rHW-Bzabd2kn7DlW52GzfguUvt1uFw7oc4N8hmI8BbK1S6Llne82qD0togSxgHfS8J6ec2mkCS9n4S9y69tvHj7O8LJmsZSw4NGytN6ANcXe8VKTnnustVqhZkfd12NliznYzzlg6efPnlhb9mwDmnXV4GkgSXzOyh3tVwrpg1_zXMjKhqf4Z0xe01MXoSTIiRBEYpONGMI4IP0k2utDPINICEB8xKWfI8Vkc3OBkPBmYqM0HEx1tClKIPXbeog5zGiU_ozAQxK-UmuLXxzdDY0O--wy_XP9PP-LKuxrCI_AOUnLBKuBUxETZi90MA7FovStz-A0FrY-jq4wKA8rstWKqfL7ARxiITu95jINrR6mCTWp02fi01OIxUe3UwRuNof_lGKfQ-HQ3IJ9KaELWuomXpFrzFY4ljQj1fiMcF859oH2H5fDnrwMgLb1vkxm7EwT9nIYOJJYjy-K2jXG9A4L815C951s3txvD7zZSSsSaeuJ2kfLgdvq3vaIJW6Njit-NnDhgmyVYLeA2Vcy1wg3nnrrg_z8ebG11xPqXFyLQ6P6v3RANSBbSXj7fLNHpxKaHOZmvRkMhThn4Vj32RTnxq7mH1l-1Emvxlabk__YDkjmfGQ5VuooEUt8OMBHDw21gFYNNRFkKmmkhwCVyT3cFFE0vqQQ_ety0\" \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 Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!include &lt;C4\/C4_Container&gt;\r\n\r\ntitle Container-Diagramm f\u00fcr Zahlungsportale-Gateway\r\n\r\nPerson(h\u00e4ndler, \"Web-Partner-H\u00e4ndler\", \"Integriert Plattform-Checkout-Endpunkte in ihre Websites.\")\r\n\r\nSystem_Boundary(portal_scope, \"Zahlungs-Gateway-\u00d6kosystem\") {\r\n    Container(api_gateway, \"API-Routing-Proxy\", \"Nginx\", \"Empf\u00e4ngt eingehende Aufrufe, handhabt Rate-Limits und verteilt Knoten.\")\r\n    Container(auth_service, \"Identit\u00e4ts-Mikroservice\", \"Go &amp; OAuth2\", \"Validiert Entwickler-API-Tokens und -Berechtigungen.\")\r\n    Container(txn_service, \"Transaktions-Protokoll\", \"Java Spring Boot\", \"Verarbeitet Zahlungen und verwaltet Protokollkonten.\")\r\n    ContainerDb(ledger_db, \"Protokoll-Datenspeicher\", \"CockroachDB\", \"Implementiert verteilte, ACID-konforme Tabellenschemata.\")\r\n}\r\n\r\n' Leite Verkehrsfl\u00fcsse sauber \u00fcber interne Container-Ziele\r\nRel(h\u00e4ndler, api_gateway, \"\u00dcbermittelt Zahlungs-Payloads \u00fcber\", \"HTTPS\/JSON\")\r\nRel_D(api_gateway, auth_service, \"Validiert eingehende Tokens \u00fcber\", \"gRPC\")\r\nRel_D(api_gateway, txn_service, \"Leitet Checkout-Aktionen an\", \"gRPC\")\r\nRel_R(txn_service, ledger_db, \"Speichert Protokoll-Eintr\u00e4ge \u00fcber\", \"SQL\/TLS\")\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TLJDRjf04BuZyGvR3YsHkerKvLXL0OCIKfgu6BLIBjRQ7koLrxlMxZW9YleQFVMOnyZDBzPPynE8KWu8bfrllZzpxb1OR2hLxxsJEbLD1knBS7OQdCM1qIYa1lkrt-ltKA82jZ_Z4oboAwgAhTfdosv5eHgTkzfO50huXK2u5si_689rHW-Bzabd2kn7DlW52GzfguUvt1uFw7oc4N8hmI8BbK1S6Llne82qD0togSxgHfS8J6ec2mkCS9n4S9y69tvHj7O8LJmsZSw4NGytN6ANcXe8VKTnnustVqhZkfd12NliznYzzlg6efPnlhb9mwDmnXV4GkgSXzOyh3tVwrpg1_zXMjKhqf4Z0xe01MXoSTIiRBEYpONGMI4IP0k2utDPINICEB8xKWfI8Vkc3OBkPBmYqM0HEx1tClKIPXbeog5zGiU_ozAQxK-UmuLXxzdDY0O--wy_XP9PP-LKuxrCI_AOUnLBKuBUxETZi90MA7FovStz-A0FrY-jq4wKA8rstWKqfL7ARxiITu95jINrR6mCTWp02fi01OIxUe3UwRuNof_lGKfQ-HQ3IJ9KaELWuomXpFrzFY4ljQj1fiMcF859oH2H5fDnrwMgLb1vkxm7EwT9nIYOJJYjy-K2jXG9A4L815C951s3txvD7zZSSsSaeuJ2kfLgdvq3vaIJW6Njit-NnDhgmyVYLeA2Vcy1wg3nnrrg_z8ebG11xPqXFyLQ6P6v3RANSBbSXj7fLNHpxKaHOZmvRkMhThn4Vj32RTnxq7mH1l-1Emvxlabk__YDkjmfGQ5VuooEUt8OMBHDw21gFYNNRFkKmmkhwCVyT3cFFE0vqQQ_ety0\" \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 Plantuml 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\/#plantuml:TLHTRzf047n7uZziUMY9b3PIbSUgIW9jIfGF5wFsqLgV5tFA-SwwMqEigF-zUxP38Kfv07bzDpExCyj5OFJSL6OyUgUjCar1y6LsVZOxpsRECcfB_kjuD1wnPaEmhy5SO-cnWhNpa61RaML8d6SqS8rCEspZhOHyS7PQaLSRj7mAaz-KmztmA1Sz2zX4wWlB981C0Mg3BB0Lg0sfHzSma2rgfoq7a2y7l27jOKTvq7B-q-GaKgLjOAgoAzVO0dqxhJinML2k9i5_qJY8Ws_AXUx6v0IUnoEGpxwvATOwA_k3SlKoMS1IP6XRGkBTKnlrtfVQFhq8zuhgJbmUsK6XCU4KfCN2I3-nAp2wqd94If2ZGQlaXNN58FyLVSERB93VQXMbBmeHhhc5Ewsy6-gH-jh1UtYubDEVu-ClDBhe9bZGbepqxI5gP_T8jgVkfl4M9J_P0yQLHnjGiNOMRgaeUujkS8kGrZxEuSevZZMPXtGIeclzW7kU2YsMKZJTPK2bP33y1l4yd_PdiY8Nk9uCviWOsFckovbJZzwXsiolkdbNjQ6UgT21lSuRfW8kPulvH-NafOx9Oimbha4IL65F-oU6v4Dd905xNA-rWhLnkm3A45hJYamPRvSnybQ2hFPfboKfYSDuj2HpaERZdAHDtdayJ2B-6eT5WAt6gFp7QfMaPpVfmttK8qZP_3Xfhtp_vwTifglYs0Sh1y1ocSp-0tNivtVdT-X5oNwZUdE30Bu6MXvduT2TkCqoyhsjqgJNj9UJ_hmzMzsc4UX2DbR-LFu2\" 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>Plantuml in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"ZtGazyC\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-612\" decoding=\"async\" height=\"728\" loading=\"lazy\" sizes=\"auto, (max-width: 759px) 100vw, 759px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19024586a43.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19024586a43.png 759w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19024586a43-300x288.png 300w\" width=\"759\"\/><\/p>\n<p><strong>Syntax-Aufschl\u00fcsselung:<\/strong> Durch die Verwendung der <code>System_Grenze<\/code> Makro-Wrapper werden interne Komponenten sauber innerhalb einer klaren Umrandungsbox gruppiert. Das spezialisierte <code>ContainerDb<\/code> Macro rendert den Datenspeicher mit einem expliziten Datenbank-Zylinder-Symbol, wodurch die Unterscheidung zwischen Rechenlaufzeiten und dauerhaften Speicher-Ebenen auf einen Blick klar wird.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Was ist das C4-Modell-Diagramm? Die C4-Modell-Diagramm ist ein hierarchisches, vierstufiges architektonisches Framework, das entwickelt wurde, um Softwarearchitekturen mit unterschiedlichen Granularit\u00e4tsgraden zu dokumentieren. Erstellt von Simon Brown vermeidet C4 vage Boxen und Linien, indem Systemkarten in vier explizite Abstraktionslinsen strukturiert werden:&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":12,"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-2119","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>PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Map software architecture hierarchies with PlantUML C4 diagrams in VPasCode, your 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\/plantuml-c4-model-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Map software architecture hierarchies with PlantUML C4 diagrams in VPasCode, your free diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/plantuml-c4-model-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_6a1901f8a8e4e.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\\\/plantuml-c4-model-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/\",\"name\":\"PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1901f8a8e4e.png\",\"datePublished\":\"2026-05-26T07:53:11+00:00\",\"description\":\"Map software architecture hierarchies with PlantUML C4 diagrams in VPasCode, your free diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1901f8a8e4e.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1901f8a8e4e.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-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\":\"PlantUML C4-Modell-Syntaxleitfaden\"}]},{\"@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":"PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide","description":"Map software architecture hierarchies with PlantUML C4 diagrams in VPasCode, your 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\/plantuml-c4-model-syntax-guide\/","og_locale":"de_DE","og_type":"article","og_title":"PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide","og_description":"Map software architecture hierarchies with PlantUML C4 diagrams in VPasCode, your free diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.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\/plantuml-c4-model-syntax-guide\/","url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/","name":"PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.png","datePublished":"2026-05-26T07:53:11+00:00","description":"Map software architecture hierarchies with PlantUML C4 diagrams in VPasCode, your free diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901f8a8e4e.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/plantuml-c4-model-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":"PlantUML C4-Modell-Syntaxleitfaden"}]},{"@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\/2119","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=2119"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_collection?post=2119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}