{"id":2120,"date":"2026-05-26T07:53:11","date_gmt":"2026-05-26T07:53:11","guid":{"rendered":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/","title":{"rendered":"Guide de syntaxe du mod\u00e8le C4 pour PlantUML"},"content":{"rendered":"<h2>Qu&#8217;est-ce que le diagramme du mod\u00e8le C4 ?<\/h2>\n<p>Le <strong>Diagramme du mod\u00e8le C4<\/strong> est un cadre architectural hi\u00e9rarchique en quatre niveaux con\u00e7u pour documenter l&#8217;architecture logicielle avec des degr\u00e9s vari\u00e9s de d\u00e9tail. Cr\u00e9\u00e9 par Simon Brown, le C4 \u00e9vite les bo\u00eetes et lignes floues en structurant les cartes syst\u00e8me en quatre lentilles d&#8217;abstraction explicites : <strong>Contexte<\/strong> (port\u00e9e au niveau du syst\u00e8me), <strong>Conteneur<\/strong> (Applications et magasins de donn\u00e9es), <strong>Composant<\/strong> (modules internes), et <strong>Code<\/strong> (impl\u00e9mentations au niveau des classes).<\/p>\n<p>Pour mettre en \u0153uvre efficacement ce mod\u00e8le dans du texte, les ing\u00e9nieurs utilisent la biblioth\u00e8que officielle <code>C4-PlantUML<\/code> extension de biblioth\u00e8que standard. Cette biblioth\u00e8que remplace les formes UML brutes par des macros sp\u00e9cialis\u00e9es qui injectent automatiquement des couleurs distinctes, des formes et des champs de m\u00e9tadonn\u00e9es pour les utilisateurs, les syst\u00e8mes et les bases de donn\u00e9es. Avec <strong>VPasCode<\/strong>, vous pouvez d\u00e9finir ces environnements imbriqu\u00e9s de mani\u00e8re propre dans le code. Le moteur de mise en page route dynamiquement les vecteurs de connexion et redimensionne les champs de texte sans alt\u00e9rer votre g\u00e9om\u00e9trie de mise en page.<\/p>\n<h2>Guide de syntaxe principale : \u00e9l\u00e9ments et constructions<\/h2>\n<p>La construction d&#8217;un mod\u00e8le C4 valide \u00e0 l&#8217;aide de PlantUML repose sur l&#8217;importation des fichiers de biblioth\u00e8que corrects, le choix des macros structurelles, la d\u00e9finition des fronti\u00e8res et l&#8217;utilisation de liens relationnels sp\u00e9cialis\u00e9s.<\/p>\n<h3>1. Importation des fichiers de la biblioth\u00e8que standard C4<\/h3>\n<p>Le <code>C4-PlantUML<\/code> extension est divis\u00e9e en fichiers individuels qui correspondent directement aux niveaux distincts du mod\u00e8le d&#8217;abstraction. Pour \u00e9viter les ralentissements de performance ou les erreurs de compilation, vous devez importer uniquement la couche de fichier sp\u00e9cifique que votre diagramme cible :<\/p>\n<pre class=\"lang-plantuml\"><code>@startuml\r\n' Inclure le fichier de couche C4 sp\u00e9cifique requis\r\n!include &lt;C4\/C4_Context&gt;\r\n' Utiliser C4_Container ou C4_Component pour des cartes architecturales plus d\u00e9taill\u00e9es<\/code><\/pre>\n<h3>2. D\u00e9claration des acteurs et syst\u00e8mes principaux (niveau Contexte)<\/h3>\n<p>Au niveau sup\u00e9rieur du contexte syst\u00e8me, vous mod\u00e9lisez les composants internes, les d\u00e9pendances externes et les utilisateurs humains. La biblioth\u00e8que standard fournit des macros sp\u00e9cifiques qui acceptent un ID, une \u00e9tiquette visuelle et une balise descriptive facultative :<\/p>\n<ul>\n<li><code>Person(id, \"\u00c9tiquette\", \"Description\")<\/code> \u2014 Repr\u00e9sente un profil d&#8217;utilisateur humain ou un acteur syst\u00e8me.<\/li>\n<li><code>System(id, \"\u00c9tiquette\", \"Description\")<\/code> \u2014 Repr\u00e9sente une application logicielle interne principale ou un \u00e9cosyst\u00e8me de services.<\/li>\n<li><code>System_Ext(id, \"Libell\u00e9\", \"Description\")<\/code> \u2014 Repr\u00e9sente un syst\u00e8me externe ou une d\u00e9pendance vers une API tierce (affich\u00e9 dans une palette de couleurs grises explicite).<\/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>Modifier Plantuml dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JP1DQiD038Nt1jz1ySg1GZTPbb8meQk28UtQg1Eb26OqPYI7z4RfENonoWxzMOtclKzlHdfIms9JYj3jXdsaH69QLnkM4ASZmKEtktUdos9qiSUwwgbebZP4Tl8Eccuju1qb81TgN7eJkDamPjNvwuXUJYxcD1hzeZ2kKKAnsTRLuLEDKglhGSCFv76BCr_J_yRYt-CHu_BQytnrAPA25HJ5O9n5uSJYE2-c_kKF-ukrIkNCWOQ479VysnLysaIg-465rpbwL4SfnjMJR7pYW4iy75vUUs3VIH5gjjy0\" \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(client, \"Client bancaire\", \"Un client poss\u00e9dant un compte bancaire personnel\")\r\nSystem(systeme_bancaire, \"Syst\u00e8me bancaire principal\", \"G\u00e8re les transactions financi\u00e8res\")\r\nSystem_Ext(service_mail, \"Service de messagerie\", \"Passerelle de notification SMTP interne\")<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:JP1DQiD038Nt1jz1ySg1GZTPbb8meQk28UtQg1Eb26OqPYI7z4RfENonoWxzMOtclKzlHdfIms9JYj3jXdsaH69QLnkM4ASZmKEtktUdos9qiSUwwgbebZP4Tl8Eccuju1qb81TgN7eJkDamPjNvwuXUJYxcD1hzeZ2kKKAnsTRLuLEDKglhGSCFv76BCr_J_yRYt-CHu_BQytnrAPA25HJ5O9n5uSJYE2-c_kKF-ukrIkNCWOQ479VysnLysaIg-465rpbwL4SfnjMJR7pYW4iy75vUUs3VIH5gjjy0\" \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>Modifier Plantuml dans VPasCode<\/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. \u00c9clatement des limites (niveaux Conteneur et Composant)<\/h3>\n<p>Lorsque vous approfondissez le niveau Conteneur, vous mod\u00e9lisez des applications web, des microservices et des bases de donn\u00e9es. Vous pouvez isoler ces \u00e9l\u00e9ments internes dans une bo\u00eete de limite logique explicite en utilisant la macro<code>System_Boundary()<\/code> enveloppe macro :<\/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>Modifier Plantuml dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP31IWD138RlXNs7k0TfGH2XHn5inPC7TRqlixD_w-3iP9p9L8hu0Bw9VOvzCMUgM6fEoH_ovqjEZDCszQ3BvVnyEM-Nx4GPXt1LJQf9ius2eLrmShqAswc-EADw_DGSSsFy6a1zeaCEqZmC21eqxYoq17RcDQ6UqNireHn_zbFblJLQYM7Nlg7BljS7XGPsxDKQTTOVeRJGAJrjFHeTZ9UYtd8ApWXPH5gnqsNCAMjat4LAOgo9If02ROoYv42R1CgBwja_afjksgc8ji_pGCpMYroMOueoxh9_WDrZELYxHxhdAEk0vk6kL8smVi6Un0TU6Ni440a_bCyc2eVoZ_ZxAY-8XUVZ6m00\" \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, \"\u00c9cosyst\u00e8me du syst\u00e8me de commerce \u00e9lectronique\") {\r\n    Container(application_web, \"Application monopage\", \"React &amp; TypeScript\", \"Fournit les fonctionnalit\u00e9s utilisateur via une vue web\")\r\n    ContainerDb(base_donnees, \"Base de donn\u00e9es relationnelle\", \"PostgreSQL\", \"Stocke les profils utilisateurs et les historiques de comptes\")\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP31IWD138RlXNs7k0TfGH2XHn5inPC7TRqlixD_w-3iP9p9L8hu0Bw9VOvzCMUgM6fEoH_ovqjEZDCszQ3BvVnyEM-Nx4GPXt1LJQf9ius2eLrmShqAswc-EADw_DGSSsFy6a1zeaCEqZmC21eqxYoq17RcDQ6UqNireHn_zbFblJLQYM7Nlg7BljS7XGPsxDKQTTOVeRJGAJrjFHeTZ9UYtd8ApWXPH5gnqsNCAMjat4LAOgo9If02ROoYv42R1CgBwja_afjksgc8ji_pGCpMYroMOueoxh9_WDrZELYxHxhdAEk0vk6kL8smVi6Un0TU6Ni440a_bCyc2eVoZ_ZxAY-8XUVZ6m00\" \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>Modifier Plantuml dans VPasCode<\/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. Cartographie des relations techniques<\/h3>\n<p>Au lieu de compter sur des lignes pointill\u00e9es basiques, C4 utilise un format de macros de communication explicite tel que<code>Rel(ID_Source, ID_Cible, \"Libell\u00e9\", \"Technologie\")<\/code>. Cela maintient vos cartes d&#8217;architecture tr\u00e8s lisibles en imposant que chaque connexion pr\u00e9cise son objectif et son protocole de transport sous-jacent (par exemple HTTPS, gRPC ou AMQP) :<\/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>Modifier Plantuml dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9DRjim48Nt1dI7YHU50WG82cHP56ZSlqKAk96o5cXgx0vA3LKEvTOeUe3U93w7BjOX7SlvgJScXzGtxxtX6R5rGulmPd5rkRXg5fwZ8SRmjfWLioK6yLnQHyZn0kQBl82LOMieu5nBTmo7O-YzoBXlZIu7BVgkZpXTXJwZ6Dtyl9XLEudObPB_i3bUKbmw6U-xnny6bKYzSQdRf_5UImu5OZ0inaRoBB0crkkK3kN4RpxyYgLWs9B5fZFa4l-m1NNSeOZPOA3iOsb4hw9p-Onzf3LPa_1GVQcNG1mnC2RwnB_s0xScx4hxMWdZN-lbAByTuBJ6b4Q7GVkEUuSs1i_qOr0O_2vceByfzjBqlNjetFp4bNBVdIhGUVQzYawARr7jmokeTprMDb0VK_MZ7m9Jp1cjFUU0s3YAurvWYEH8JCGXm9QCpWbXEo1eesJiYPBtgt9b19isJGr5qTUwJMPIPTmhN-FAiZZ5baFq4ZS1gwytQLT5RxyVfjK7loRtH8007bH-8ua-f3pa8IfzE7cCVuhPBRhf-RsCvYxZyFzcTGITsHWXJbwJeCzrlQmIE55Vq9wvlT4GLU6ursWFGYVVZzvUjYx71chyibuiv-V_0000\" \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(client, \"Client bancaire\", \"Un client poss\u00e9dant un compte bancaire personnel\")\r\nSystem(systeme_bancaire, \"Syst\u00e8me bancaire principal\", \"G\u00e8re les transactions financi\u00e8res\")\r\nSystem_Ext(service_mail, \"Service de messagerie\", \"Passerelle de notification SMTP interne\")\r\n\r\nSystem_Boundary(c1, \"\u00c9cosyst\u00e8me du syst\u00e8me de commerce \u00e9lectronique\") {\r\n    Container(application_web, \"Application monopage\", \"React &amp; TypeScript\", \"Fournit les fonctionnalit\u00e9s utilisateur via une vue web\")\r\n    ContainerDb(base_donnees, \"Base de donn\u00e9es relationnelle\", \"PostgreSQL\", \"Stocke les profils utilisateurs et les historiques de comptes\")\r\n}\r\nRel(client, application_web, \"Utilise les fonctionnalit\u00e9s du magasin via\", \"HTTPS\")\r\nRel(application_web, base_donnees, \"Lit et \u00e9crit les donn\u00e9es transactionnelles via\", \"SQL\/TCP\")<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9DRjim48Nt1dI7YHU50WG82cHP56ZSlqKAk96o5cXgx0vA3LKEvTOeUe3U93w7BjOX7SlvgJScXzGtxxtX6R5rGulmPd5rkRXg5fwZ8SRmjfWLioK6yLnQHyZn0kQBl82LOMieu5nBTmo7O-YzoBXlZIu7BVgkZpXTXJwZ6Dtyl9XLEudObPB_i3bUKbmw6U-xnny6bKYzSQdRf_5UImu5OZ0inaRoBB0crkkK3kN4RpxyYgLWs9B5fZFa4l-m1NNSeOZPOA3iOsb4hw9p-Onzf3LPa_1GVQcNG1mnC2RwnB_s0xScx4hxMWdZN-lbAByTuBJ6b4Q7GVkEUuSs1i_qOr0O_2vceByfzjBqlNjetFp4bNBVdIhGUVQzYawARr7jmokeTprMDb0VK_MZ7m9Jp1cjFUU0s3YAurvWYEH8JCGXm9QCpWbXEo1eesJiYPBtgt9b19isJGr5qTUwJMPIPTmhN-FAiZZ5baFq4ZS1gwytQLT5RxyVfjK7loRtH8007bH-8ua-f3pa8IfzE7cCVuhPBRhf-RsCvYxZyFzcTGITsHWXJbwJeCzrlQmIE55Vq9wvlT4GLU6ursWFGYVVZzvUjYx71chyibuiv-V_0000\" \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>Modifier Plantuml dans VPasCode<\/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>Meilleures pratiques pour des architectures C4 lisibles<\/h2>\n<ul>\n<li><strong>Ne jamais m\u00e9langer les niveaux d&#8217;abstraction :<\/strong>Maintenez vos diagrammes centr\u00e9s sur un seul niveau. Ne m\u00e9langez pas des composants logiciels internes \u00e0 granularit\u00e9 fine dans une carte contextuelle de syst\u00e8me de haut niveau. Si un syst\u00e8me devient trop complexe, divisez-le en un diagramme d\u00e9di\u00e9 au niveau Conteneur, distinct.<\/li>\n<li><strong>D\u00e9finissez explicitement les technologies :<\/strong>Utilisez toujours le quatri\u00e8me param\u00e8tre de vos macros<code>Rel()<\/code> pour pr\u00e9ciser la technologie ou le protocole exactement utilis\u00e9 (par exemple,<code>\"JSON\/HTTPS\"<\/code> ou <code>\"JDBC\"<\/code>). Cela donne \u00e0 votre \u00e9quipe un contexte d&#8217;impl\u00e9mentation essentiel d&#8217;un coup d&#8217;\u0153il.<\/li>\n<li><strong>Utilisez les substitutions de disposition directionnelles :<\/strong> Si vos composants commencent \u00e0 s&#8217;empiler de mani\u00e8re inconfortable, utilisez des macros de relation directionnelle (comme <code>Rel_D()<\/code> pour le bas, <code>Rel_R()<\/code> pour la droite, ou <code>Rel_L()<\/code> pour la gauche) pour nettoyer manuellement votre flux architectural.<\/li>\n<\/ul>\n<h2>Exemples r\u00e9els de PlantUML C4<\/h2>\n<h3>Exemple 1 : Disposition de contexte syst\u00e8me de haut niveau (Niveau 1)<\/h3>\n<p>Ce plan fonctionnel mod\u00e9lise un diagramme standard de contexte syst\u00e8me de niveau 1, d\u00e9taillant comment un client interagit avec une application de banque en ligne et ses d\u00e9pendances externes.<\/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>Modifier Plantuml dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TPB1JiCm38RlbVeEOPU1nE2o8qAJoiG5f6bZvobhtM4fJOhZJEEDjkVeY-5aLJNGE3MoV_l_ywKppveuD2RFRj2M9bIWdehfOp7T5Cuo7FWvp_ACaGse5zGxqaq3IbJbkGtAVtlkZb9iNI1bBWgYschx5K21LGPt5kAk1P1tri9jQH0itwjHaGuNyhQN60CZwQ-jAWU9qOFAUT-TAftgNW8rBSjt6FOFexiyM_LfRcCiQ60ZqwL60bcy-Zzfz9Ma3R3IuT3xUrMDTLrZ-GcKFD7MZXhDwAnNDLfPZTsHf2DprHZg6aeElPX9Mry3yUzWc_c1Xt2DHXE3kU0d0qUOn79Cz2RSJH1ftAWyq1u2-LuWQQHXnIbY6ajUWfRGWrg1hLu9g-IRPqim0_mhLDQC9ax9KxBU6j0XyN5K3NJK7dNS9Pisooja_rndRlSE8K7GHW3qVDAZLUUy--v4A6GJo-WJKWfvt7ZlrVl78lhDv2Boi_u0\" \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 Diagramme de contexte syst\u00e8me pour le syst\u00e8me de banque en ligne\r\n\r\nPersonne(client, \"Client de banque personnelle\", \"Un client de la banque poss\u00e9dant des comptes personnels.\")\r\nSyst\u00e8me(systeme_bancaire, \"Syst\u00e8me de banque en ligne\", \"Permet aux clients d'afficher des informations financi\u00e8res et d'effectuer des transferts.\")\r\nSyst\u00e8me_Ext(systeme_mail, \"Sous-syst\u00e8me e-mail\", \"Le cluster de serveurs e-mail internes de l'entreprise SendGrid.\")\r\n\r\nRel(client, systeme_bancaire, \"Utilise le tableau de bord en ligne via\")\r\nRel_R(systeme_bancaire, systeme_mail, \"Envoie des alertes et des codes de v\u00e9rification en utilisant\", \"SMTP\")\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TPB1JiCm38RlbVeEOPU1nE2o8qAJoiG5f6bZvobhtM4fJOhZJEEDjkVeY-5aLJNGE3MoV_l_ywKppveuD2RFRj2M9bIWdehfOp7T5Cuo7FWvp_ACaGse5zGxqaq3IbJbkGtAVtlkZb9iNI1bBWgYschx5K21LGPt5kAk1P1tri9jQH0itwjHaGuNyhQN60CZwQ-jAWU9qOFAUT-TAftgNW8rBSjt6FOFexiyM_LfRcCiQ60ZqwL60bcy-Zzfz9Ma3R3IuT3xUrMDTLrZ-GcKFD7MZXhDwAnNDLfPZTsHf2DprHZg6aeElPX9Mry3yUzWc_c1Xt2DHXE3kU0d0qUOn79Cz2RSJH1ftAWyq1u2-LuWQQHXnIbY6ajUWfRGWrg1hLu9g-IRPqim0_mhLDQC9ax9KxBU6j0XyN5K3NJK7dNS9Pisooja_rndRlSE8K7GHW3qVDAZLUUy--v4A6GJo-WJKWfvt7ZlrVl78lhDv2Boi_u0\" \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>Modifier Plantuml dans VPasCode<\/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>Analyse de la syntaxe :<\/strong> Ce diagramme se concentre uniquement sur la port\u00e9e de haut niveau. La <code>System_Ext<\/code> macro applique automatiquement un profil de couleur grise au service e-mail, le s\u00e9parant visuellement du syst\u00e8me central des d\u00e9pendances externes. La <code>Rel_R<\/code> macro force le moteur de disposition \u00e0 placer le n\u0153ud e-mail directement \u00e0 droite du bloc syst\u00e8me bancaire.<\/p>\n<h3>Exemple 2 : Topologie des conteneurs de microservices en profondeur (Niveau 2)<\/h3>\n<p>Ce plan d&#8217;entreprise avanc\u00e9 d\u00e9compose un syst\u00e8me en ses applications conteneurs constitutives et ses magasins de donn\u00e9es isol\u00e9s, montrant comment le trafic web circule \u00e0 travers une passerelle API jusqu&#8217;aux microservices backend.<\/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>Modifier Plantuml dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLJ1RjD04Br7oZyiEK0gLLH2FIBK9f6WLMb3776D9lR46LZlcjrrI8Nu0CxyHFCT5l_5pDfkcaQ2I95trxDltfjvumiVm8MgqFtU2pAfhZ9KRyVdP-FpnTYQ06JGlUlt-hr0GQEQ4EGEYW8LnwKSW0OhvrLfAwSqg1AyHuTQnu3IEaRGSGc41PeWK5DqtXg3mm9SkWQJdQh1b5cW0NAekbFr7PS3VdLbGlsGymkDaeXCy88Oq1N4DnZgQG9P2n4D0LVMCLClr29BJu4X6FRru4I8ZApBAeV9lUSC1GvRlWjv8dBg-bTgVVksIN8WhqqvE54_-Zt5lt5NaU4-SW4bYK1dj_ToozagG8xgSdebwcvpCjjM9heKoz08XR94xHN3Es35fogl7zeQQ2gY42a2L5k5GTMxRnLfMhOHvi_lAlDHvI4jvhIXb3bLOSqvFrBgR7kcibUKSJeAzKxulBVgfRgxvC0tilqCch86_Gi6Qxm8aDHDLnpVYfJuN-ysg2tpvvh_WqFOCkmCS_B1ORmfKZsaWHXUSbx31bHIEZAv6baRv6pkWDeITVNtGcDVdjGMPInFfLoBVinY11udOaBqmovgaIsb9f23f-YfZ0CQMNieuJ2swLTd8LrFHh5pHQdhdJ1fPFXqpLje6xGKJfdSfMKLqNXkeZEvoTmzn-QMaClnrIJo_2dMVALcx9D6q4fpc60vM54ggm8CHRsfZYEpuObgj5DCH-8bqrXaFwNztWpraw4xycXYgwBjA8Uud9zL8DtWF0xOXa1KVvZFfydPTN9tAwGPUJ4vSlqpknrxgBDt1vhFfkF_mqNdpCKigyUkjxOvPCfbUOuwE_3VOUlbmyJR1b2eFMz-HpFvT7Cslqa4ym9Dnf_Flm00\" \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 Diagramme de conteneurs pour la passerelle de portail de paiement\r\n\r\nPersonne(marchand, \"Partenaire marchand web\", \"Int\u00e8gre les points de terminaison de paiement de la plateforme sur leurs sites web.\")\r\n\r\nBordureSyst\u00e8me(portail_portee, \"\u00c9cosyst\u00e8me de passerelle de paiement\") {\r\n    Conteneur(passerelle_api, \"Proxy de routage API\", \"Nginx\", \"Intercepte les appels entrants, g\u00e8re les limites de taux et \u00e9quilibre les n\u0153uds.\")\r\n    Conteneur(service_auth, \"Microservice d'identit\u00e9\", \"Go &amp; OAuth2\", \"Valide les jetons API et les port\u00e9es des d\u00e9veloppeurs.\")\r\n    Conteneur(service_tx, \"Registre des transactions\", \"Java Spring Boot\", \"Traite les paiements et g\u00e8re les comptes du registre.\")\r\n    ConteneurBaseDonnees(registre_db, \"Magasin de donn\u00e9es du registre\", \"CockroachDB\", \"Impl\u00e9mente des sch\u00e9mas de tables distribu\u00e9es conformes aux r\u00e8gles ACID.\")\r\n}\r\n\r\n' Route les flux de trafic de mani\u00e8re claire vers les cibles internes de conteneurs\r\nRel(marchand, passerelle_api, \"Soumet les charges utiles de paiement via\", \"HTTPS\/JSON\")\r\nRel_D(passerelle_api, service_auth, \"Valide les jetons entrants via\", \"gRPC\")\r\nRel_D(passerelle_api, service_tx, \"Transf\u00e8re les actions de paiement vers\", \"gRPC\")\r\nRel_R(service_tx, registre_db, \"Persiste les entr\u00e9es du registre via\", \"SQL\/TLS\")\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLJ1RjD04Br7oZyiEK0gLLH2FIBK9f6WLMb3776D9lR46LZlcjrrI8Nu0CxyHFCT5l_5pDfkcaQ2I95trxDltfjvumiVm8MgqFtU2pAfhZ9KRyVdP-FpnTYQ06JGlUlt-hr0GQEQ4EGEYW8LnwKSW0OhvrLfAwSqg1AyHuTQnu3IEaRGSGc41PeWK5DqtXg3mm9SkWQJdQh1b5cW0NAekbFr7PS3VdLbGlsGymkDaeXCy88Oq1N4DnZgQG9P2n4D0LVMCLClr29BJu4X6FRru4I8ZApBAeV9lUSC1GvRlWjv8dBg-bTgVVksIN8WhqqvE54_-Zt5lt5NaU4-SW4bYK1dj_ToozagG8xgSdebwcvpCjjM9heKoz08XR94xHN3Es35fogl7zeQQ2gY42a2L5k5GTMxRnLfMhOHvi_lAlDHvI4jvhIXb3bLOSqvFrBgR7kcibUKSJeAzKxulBVgfRgxvC0tilqCch86_Gi6Qxm8aDHDLnpVYfJuN-ysg2tpvvh_WqFOCkmCS_B1ORmfKZsaWHXUSbx31bHIEZAv6baRv6pkWDeITVNtGcDVdjGMPInFfLoBVinY11udOaBqmovgaIsb9f23f-YfZ0CQMNieuJ2swLTd8LrFHh5pHQdhdJ1fPFXqpLje6xGKJfdSfMKLqNXkeZEvoTmzn-QMaClnrIJo_2dMVALcx9D6q4fpc60vM54ggm8CHRsfZYEpuObgj5DCH-8bqrXaFwNztWpraw4xycXYgwBjA8Uud9zL8DtWF0xOXa1KVvZFfydPTN9tAwGPUJ4vSlqpknrxgBDt1vhFfkF_mqNdpCKigyUkjxOvPCfbUOuwE_3VOUlbmyJR1b2eFMz-HpFvT7Cslqa4ym9Dnf_Flm00\" \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>Modifier Plantuml dans VPasCode<\/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>Analyse syntaxique :<\/strong> En utilisant la <code>System_Boundary<\/code> enveloppe macro, les composants internes sont regroup\u00e9s proprement \u00e0 l&#8217;int\u00e9rieur d&#8217;une bo\u00eete de p\u00e9rim\u00e8tre claire. La macro sp\u00e9cialis\u00e9e <code>ContainerDb<\/code> macro affiche le magasin de donn\u00e9es avec une ic\u00f4ne explicite de cylindre de base de donn\u00e9es, rendant la distinction entre les environnements d&#8217;ex\u00e9cution de calcul et les couches de stockage persistant claire \u00e0 premi\u00e8re vue.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Qu&#8217;est-ce que le diagramme du mod\u00e8le C4 ? Le Diagramme du mod\u00e8le C4 est un cadre architectural hi\u00e9rarchique en quatre niveaux con\u00e7u pour documenter l&#8217;architecture logicielle avec des degr\u00e9s vari\u00e9s de d\u00e9tail. Cr\u00e9\u00e9 par Simon Brown, le C4 \u00e9vite les&#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-2120","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\/fr\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/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=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/\",\"name\":\"PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/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\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/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\\\/fr\\\/docs\\\/vpascode-docs\\\/plantuml-c4-model-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Guide de syntaxe du mod\u00e8le C4 pour PlantUML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"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\/fr\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/","og_locale":"fr_FR","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\/fr\/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":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/","url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/","name":"PlantUML C4 Model Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/plantuml-c4-model-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/fr\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Guide de syntaxe du mod\u00e8le C4 pour PlantUML"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/fr\/#website","url":"https:\/\/www.vpascode.com\/fr\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/fr\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs\/2120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/media?parent=2120"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_collection?post=2120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}