{"id":2022,"date":"2026-08-06T06:15:46","date_gmt":"2026-08-06T06:15:46","guid":{"rendered":"https:\/\/www.vpascode.com\/fr\/docs\/uncategorized\/d2-syntax-basics\/"},"modified":"2026-08-06T06:15:46","modified_gmt":"2026-08-06T06:15:46","slug":"d2-syntax-basics","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/d2-playbook\/d2-syntax-basics\/","title":{"rendered":"Notions de base de la syntaxe D2"},"content":{"rendered":"

D2 est un outil moderne bas\u00e9 sur le texte pour cr\u00e9er des diagrammes clairs et lisibles. Il signifie \u00ab Diagrammation d\u00e9clarative \u00bb. Dans VPasCode, D2 permet aux d\u00e9veloppeurs logiciels et aux architectes de solutions de transformer du texte de code simple en mod\u00e8les visuels propres sans avoir \u00e0 dessiner manuellement des formes.<\/p>\n

Astuce :<\/strong>La syntaxe D2 est con\u00e7ue pour \u00eatre simple et facile \u00e0 lire. Les formes, les connexions, les \u00e9tiquettes et les groupes peuvent tous \u00eatre \u00e9crits \u00e0 l’aide de lignes de texte simples sans configurations complexes.<\/div>\n

1. Formes de base et connexions<\/h2>\n

Pour cr\u00e9er des formes, tapez simplement leurs noms. Pour relier des formes, utilisez une fl\u00e8che (-><\/code> pour une seule direction ou <-><\/code> pour deux directions).<\/p>\n

\n
\nD2<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier D2 dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n D2<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit D2 in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
# Connexion simple\r\nUtilisateur -> Serveur Web : Demande HTTP\r\nServeur Web -> Base de donn\u00e9es : R\u00e9cup\u00e9rer les donn\u00e9es\r\nBase de donn\u00e9es -> Serveur Web : Retourner les r\u00e9sultats\r\nServeur Web <-> Cache : Synchronisation lecture\/\u00e9criture<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier D2 dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"D2<\/p>\n
2. Types de formes et \u00e9tiquettes personnalis\u00e9es<\/h2>\n
Par d\u00e9faut, les formes apparaissent sous forme de bo\u00eetes standard. Vous pouvez facilement changer le type d’ic\u00f4ne d’une forme ou d\u00e9finir une \u00e9tiquette personnalis\u00e9e en utilisant la propri\u00e9t\u00e9 shape<\/code> propri\u00e9t\u00e9.<\/p>\n
\n
\nD2<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier D2 dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    D2<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
# D\u00e9finition des types de formes\r\nClient : {\r\n  shape : person\r\n}\r\n\r\nServices Cloud : {\r\n  shape : cloud\r\n}\r\n\r\nBase de donn\u00e9es principale : {\r\n  shape : cylinder\r\n  label : \"Base de donn\u00e9es principale (PostgreSQL)\"\r\n}\r\n\r\nClient -> Services Cloud -> Base de donn\u00e9es principale<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier D2 dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"D2<\/p>\n
3. D\u00e9finitions de classes<\/h2>\n
D2 prend nativement en charge la conception de structures orient\u00e9es objet en utilisant la forme class<\/code> shape.<\/p>\n
\n
\nD2<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier D2 dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    D2<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
CompteClient : {\r\n  shape : class\r\n\r\n  accountId : String\r\n  emailAddress : String\r\n\r\n  isActive() : Boolean\r\n}<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nModifier D2 dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"D2<\/p>\n
4. Conteneurs imbriqu\u00e9s (regroupement)<\/h2>\n
D2 permet de regrouper facilement des \u00e9l\u00e9ments \u00e0 l’int\u00e9rieur de conteneurs en utilisant des accolades standard (“{}<\/code>). Vous pouvez \u00e9galement relier des \u00e9l\u00e9ments entre diff\u00e9rents groupes en utilisant la notation point\u00e9e.<\/p>\n
\n
\nD2<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u00c9diter D2 dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    D2<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
# Regroupement avec des conteneurs\r\nApplication Frontend : {\r\n  Interface React -> Gestionnaire d'\u00e9tat\r\n}\r\n\r\nInfrastructure Backend : {\r\n  Passerelle API -> Microservice d'authentification\r\n  Passerelle API -> Microservice de commande\r\n}\r\n\r\n# Connexion entre groupes\r\nApplication Frontend.Gestionnaire d'\u00e9tat -> Infrastructure Backend.Passerelle API : Appel REST<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u00c9diter D2 dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"D2<\/p>\n
5. Style et couleurs<\/h2>\n
Les couleurs d’arri\u00e8re-plan personnalis\u00e9es, les couleurs de trait et les styles de police peuvent \u00eatre personnalis\u00e9s directement dans le bloc en utilisant le mot-cl\u00e9style<\/code>mot-cl\u00e9.<\/p>\n
\n
\nD2<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u00c9diter D2 dans VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    D2<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
Service A : {\r\n  style : {\r\n    remplissage : \"#e0e7ff\"\r\n    trait : \"#4338ca\"\r\n    rayon-de-bord : 8\r\n  }\r\n}\r\n\r\nService B : {\r\n  style : {\r\n    remplissage : \"#fef3c7\"\r\n    trait : \"#d97706\"\r\n  }\r\n}\r\n\r\nService A -> Service B : Envoyer un message<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\n\u00c9diter D2 dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"D2<\/p>\n
6. Feuille de m\u00e9moire de syntaxe rapide<\/h2>\n\n\n\n\n\n\n\n\n\n\n
Concept<\/th>\nExemple de code<\/th>\nCe qu’il fait<\/th>\n<\/tr>\n<\/thead>\n
Connexion orient\u00e9e<\/strong><\/td>\nA -> B<\/code><\/td>\nDessine une fl\u00e8che pointant de A vers B.<\/td>\n<\/tr>\n
\u00c9tiquette de ligne<\/strong><\/td>\nA -> B : Envoyer des donn\u00e9es<\/code><\/td>\nAjoute du texte au-dessus de la fl\u00e8che de connexion.<\/td>\n<\/tr>\n
Fl\u00e8che bidirectionnelle<\/strong><\/td>\nA <-> B<\/code><\/td>\nDessine une fl\u00e8che pointant dans les deux sens.<\/td>\n<\/tr>\n
Conteneurs \/ Groupes<\/strong><\/td>\nServeur : { ... }<\/code><\/td>\nRegroupe plusieurs formes en une seule bo\u00eete.<\/td>\n<\/tr>\n
S\u00e9lection de forme<\/strong><\/td>\nforme : cylindre<\/code><\/td>\nTransforme la bo\u00eete standard en ic\u00f4ne de base de donn\u00e9es, personne, nuage, classe, etc.<\/td>\n<\/tr>\n
Commentaires<\/strong><\/td>\n# Mon commentaire<\/code><\/td>\nLes commentaires sur une seule ligne sont ignor\u00e9s lors du rendu.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"
D2 est un outil moderne bas\u00e9 sur le texte pour cr\u00e9er des diagrammes clairs et lisibles. Il signifie \u00ab Diagrammation d\u00e9clarative \u00bb. Dans VPasCode, D2 permet aux d\u00e9veloppeurs logiciels et aux architectes de solutions de transformer du texte de code…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"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-2022","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nD2 Syntax | Text to diagram tool - VPasCode<\/title>\n<meta name=\"description\" content=\"Master D2 declarative diagramming in VPasCode. Easily build cloud architecture diagrams, ERDs, and workflow charts directly from simple code snippets.\" \/>\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\/d2-playbook\/d2-syntax-basics\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D2 Syntax | Text to diagram tool - VPasCode\" \/>\n<meta property=\"og:description\" content=\"Master D2 declarative diagramming in VPasCode. Easily build cloud architecture diagrams, ERDs, and workflow charts directly from simple code snippets.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/d2-playbook\/d2-syntax-basics\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a742d37a7527.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=\"3 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\\\/d2-playbook\\\/d2-syntax-basics\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/d2-playbook\\\/d2-syntax-basics\\\/\",\"name\":\"D2 Syntax | Text to diagram tool - VPasCode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/d2-playbook\\\/d2-syntax-basics\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/d2-playbook\\\/d2-syntax-basics\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/img_6a742d37a7527.png\",\"datePublished\":\"2026-08-06T06:15:46+00:00\",\"description\":\"Master D2 declarative diagramming in VPasCode. Easily build cloud architecture diagrams, ERDs, and workflow charts directly from simple code snippets.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/d2-playbook\\\/d2-syntax-basics\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/d2-playbook\\\/d2-syntax-basics\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/d2-playbook\\\/d2-syntax-basics\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/img_6a742d37a7527.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/img_6a742d37a7527.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/d2-playbook\\\/d2-syntax-basics\\\/#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\":\"Notions de base de la syntaxe D2\"}]},{\"@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":"D2 Syntax | Text to diagram tool - VPasCode","description":"Master D2 declarative diagramming in VPasCode. Easily build cloud architecture diagrams, ERDs, and workflow charts directly from simple code snippets.","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\/d2-playbook\/d2-syntax-basics\/","og_locale":"fr_FR","og_type":"article","og_title":"D2 Syntax | Text to diagram tool - VPasCode","og_description":"Master D2 declarative diagramming in VPasCode. Easily build cloud architecture diagrams, ERDs, and workflow charts directly from simple code snippets.","og_url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/d2-playbook\/d2-syntax-basics\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a742d37a7527.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/d2-playbook\/d2-syntax-basics\/","url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/d2-playbook\/d2-syntax-basics\/","name":"D2 Syntax | Text to diagram tool - VPasCode","isPartOf":{"@id":"https:\/\/www.vpascode.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/d2-playbook\/d2-syntax-basics\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/d2-playbook\/d2-syntax-basics\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a742d37a7527.png","datePublished":"2026-08-06T06:15:46+00:00","description":"Master D2 declarative diagramming in VPasCode. Easily build cloud architecture diagrams, ERDs, and workflow charts directly from simple code snippets.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/d2-playbook\/d2-syntax-basics\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/d2-playbook\/d2-syntax-basics\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/d2-playbook\/d2-syntax-basics\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a742d37a7527.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a742d37a7527.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/d2-playbook\/d2-syntax-basics\/#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":"Notions de base de la syntaxe D2"}]},{"@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\/2022","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\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/media?parent=2022"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_collection?post=2022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}