{"id":2818,"date":"2026-08-06T12:59:49","date_gmt":"2026-08-06T04:59:49","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/"},"modified":"2026-08-06T12:59:49","modified_gmt":"2026-08-06T04:59:49","slug":"vpascode-d2-diagram-support-announcement","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/","title":{"rendered":"Annonce du support des diagrammes D2 dans VPasCode : l&#8217;\u00e9diteur D2 gratuit ultime et l&#8217;outil en ligne D2 complet"},"content":{"rendered":"<p>Nous sommes ravis d&#8217;annoncer une mise \u00e0 jour majeure de <strong>VPasCode<\/strong> : un support complet du langage <strong>D2<\/strong> de diagramme en code ! Gr\u00e2ce \u00e0 cette mise \u00e0 jour, les architectes, les d\u00e9veloppeurs et les r\u00e9dacteurs techniques peuvent transformer instantan\u00e9ment les scripts textuels d\u00e9claratifs D2 en diagrammes visuels propres et professionnels, sans aucune difficult\u00e9.<\/p>\n<p>Que vous soyez en train de cartographier une architecture cloud complexe, une topologie de microservices ou des flux de travail organisationnels, VPasCode fonctionne comme votre <strong>\u00e9diteur D2 gratuit<\/strong> et outil en ligne <strong>en ligne D2 complet<\/strong>. D\u00e9couvrez une visualisation fluide et en temps r\u00e9el directement dans votre navigateur.<\/p>\n<p><img fetchpriority=\"high\" alt=\"A screenshot of Visual Paradigm VPasCode editing a D2 code in its D2 editor\" class=\"alignnone wp-image-3564 size-full\" decoding=\"async\" fetchpriority=\"high\" height=\"745\" sizes=\"(max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a73f61a158f4.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a73f61a158f4.png 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a73f61a158f4-300x188.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a73f61a158f4-1024x640.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a73f61a158f4-768x480.png 768w\" width=\"1192\"\/><\/p>\n<p>Pour en savoir plus sur les fonctionnalit\u00e9s et les mises \u00e0 jour de notre plateforme, visitez la page officielle de <a href=\"https:\/\/www.vpascode.com\/overview\/\" rel=\"noopener\" target=\"_blank\">VPasCode<\/a>.<\/p>\n<h2>Comment fonctionne l&#8217;int\u00e9gration D2 dans VPasCode<\/h2>\n<p>Utiliser D2 dans VPasCode est rapide, intuitif et con\u00e7u pour maximiser votre productivit\u00e9. L&#8217;espace de travail propose une disposition pratique en deux parties c\u00f4te \u00e0 c\u00f4te :<\/p>\n<ul>\n<li><strong>Panneau gauche (\u00e9diteur de code) :<\/strong> Collez simplement, tapez ou modifiez votre script D2. La d\u00e9tection automatique du format de VPasCode reconna\u00eet imm\u00e9diatement votre code sans n\u00e9cessiter de basculer manuellement entre les langages.<\/li>\n<li><strong>Panels droit (visualiseur en direct) :<\/strong> Observez votre diagramme se rendre dynamiquement en temps r\u00e9el pendant que vous tapez ou modifiez des blocs de code.<\/li>\n<\/ul>\n<p>La vid\u00e9o ci-dessous vous montre comment cr\u00e9er un diagramme D2 dans l&#8217;\u00e9diteur de diagrammes en code de Visual Paradigm VPasCode.<\/p>\n<p><iframe allowfullscreen=\"allowfullscreen\" frameborder=\"0\" src=\"https:\/\/www.youtube.com\/embed\/7CEBtQjyjNk?si=BXYAVRGqgwVTLWgY\" style=\"width: 100%; aspect-ratio: 16 \/ 9; height: auto;\" title=\"YouTube video player\"><span class=\"mce_SELRES_start\" data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\">\ufeff<\/span><span class=\"mce_SELRES_start\" data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\">\ufeff<\/span><\/iframe><\/p>\n<p>Pr\u00eat \u00e0 essayer par vous-m\u00eame ? Lancez-vous directement avec notre <a href=\"https:\/\/www.vpascode.com\/\" rel=\"noopener\" target=\"_blank\">\u00e9diteur VPasCode<\/a>.<\/p>\n<h2>Fonctionnalit\u00e9s cl\u00e9s incluses avec le support D2<\/h2>\n<p>Au-del\u00e0 du rendu en direct, notre nouvelle int\u00e9gration D2 est livr\u00e9e avec des options de collaboration et de sortie polyvalentes pour s&#8217;adapter \u00e0 votre flux de travail :<\/p>\n<ol>\n<li><strong>Options d&#8217;exportation flexibles :<\/strong> T\u00e9l\u00e9chargez instantan\u00e9ment vos diagrammes termin\u00e9s sous forme de graphiques vectoriels SVG \u00e9volutifs ou d&#8217;images PNG \u00e0 haute r\u00e9solution, pour des rapports, des pr\u00e9sentations et de la documentation.\n<p id=\"gBVyRNb\"><img alt=\"A screenshot of VPasCode, showing how to export a D2 diagram as image (PNG, SVG)\" class=\"alignnone wp-image-3567 size-full\" decoding=\"async\" height=\"470\" sizes=\"(max-width: 884px) 100vw, 884px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a74148ac959e.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a74148ac959e.png 884w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a74148ac959e-300x160.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a74148ac959e-768x408.png 768w\" width=\"884\"\/><\/p>\n<\/li>\n<li><strong>Int\u00e9gration du presse-papiers :<\/strong>Copiez rapidement votre image de diagramme rendu directement dans votre presse-papiers avec un simple clic pour le coller directement dans Slack, les e-mails ou les traiteurs de texte.<\/li>\n<li><strong>Partage instantan\u00e9 d&#8217;URL :<\/strong>Partagez facilement votre travail avec vos coll\u00e8gues ou clients via des liens hypertexte directs. Le meilleur, c&#8217;est qu&#8217;aucune connexion n&#8217;est requise pour que les spectateurs examinent vos diagrammes partag\u00e9s.<\/li>\n<\/ol>\n<h2>D\u00e9monstration : Cr\u00e9ation d&#8217;un diagramme r\u00e9seau basique avec D2<\/h2>\n<p>Pour voir \u00e0 quel point il est facile de mod\u00e9liser des syst\u00e8mes \u00e0 l&#8217;aide de cet <strong>\u00e9diteur D2 gratuit<\/strong>, consid\u00e9rez l&#8217;exemple suivant d&#8217;une architecture r\u00e9seau multi-niveaux basique.<\/p>\n<h3>Code source D2<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">D2<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#d2:eNptjz0PwiAURfcm\/Q+kzprIYsLgZnRw0LS7QXilJC9AgMH+e6WVaD\/Wc+7Nu09qDyJqaxjxWnWxLARqMJFsjwQtl48nR24EeEYuTXOry2JCU4w7tx\/tuqRZpmBiHqQOjJxPzcDoChtyzoaoPHxwfb\/+ojM87t2FjjtgxIEP1syGZJle5UYhjDcy7uDFVSqlCws4LMtU9KiNBF8WecXSfAuxR9i1GpGRatMCUKDVf23ipWgFHKo3KvSCiA==\" 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>\u00c9diter D2 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\">D2<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNptz70OwiAUBeC9Sd+B1NkmspgwuBkdHDTtbhBuWxJyIcBg397SSrQ\/63fODQepHIigDDIinVEB8kxoBRjI\/kS04fL54pqjAMfIta7vVZ7NNNa4tYcp3Q5pCmMxmgOpPCOXcz0a3bCxZ40PrYOBq8ftV13wtLf0HbfAiAXnDSIspqQ4\/pZjq2F6JXEHb94anJSudVyXWPRaoXQDpyXr5HsQeg1lo7RmpNg1ABRo8X82y6VoBByLDwTwhI4=\" \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 D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-d2\"><code class=\"language-d2\" data-language=\"d2\" class=\"language-d2\">direction: droite\r\nclient -&gt; load_balancer: HTTPS\r\nload_balancer -&gt; app1: HTTP\r\nload_balancer -&gt; app2: HTTP\r\napp1 -&gt; redis: GET\r\napp2 -&gt; redis: GET\r\napp1 -&gt; postgres: SQL\r\napp2 -&gt; postgres: SQL\r\nclient.shape: personne\r\nload_balancer.shape: rectangle\r\napp1.shape: hexagone\r\napp2.shape: hexagone\r\nredis.shape: cylindre\r\npostgres.shape: cylindre\r\nredis.style.fill: \"#fee2e2\"\r\npostgres.style.fill: \"#dcfce7\"<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNptz70OwiAUBeC9Sd+B1NkmspgwuBkdHDTtbhBuWxJyIcBg397SSrQ\/63fODQepHIigDDIinVEB8kxoBRjI\/kS04fL54pqjAMfIta7vVZ7NNNa4tYcp3Q5pCmMxmgOpPCOXcz0a3bCxZ40PrYOBq8ftV13wtLf0HbfAiAXnDSIspqQ4\/pZjq2F6JXEHb94anJSudVyXWPRaoXQDpyXr5HsQeg1lo7RmpNg1ABRo8X82y6VoBByLDwTwhI4=\" \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 D2 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\/#d2:eNptjz0PwiAURfcm\/Q+kzprIYsLgZnRw0LS7QXilJC9AgMH+e6WVaD\/Wc+7Nu09qDyJqaxjxWnWxLARqMJFsjwQtl48nR24EeEYuTXOry2JCU4w7tx\/tuqRZpmBiHqQOjJxPzcDoChtyzoaoPHxwfb\/+ojM87t2FjjtgxIEP1syGZJle5UYhjDcy7uDFVSqlCws4LMtU9KiNBF8WecXSfAuxR9i1GpGRatMCUKDVf23ipWgFHKo3KvSCiA==\" 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>\u00c9diter D2 dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>Comment cela s&#8217;affiche dans notre outil en ligne D2<\/h3>\n<p>Lorsque vous collez le script ci-dessus dans VPasCode, le moteur traite automatiquement les relations, la directionnalit\u00e9 et le style personnalis\u00e9 des formes :<\/p>\n<ul>\n<li>Le <strong>client<\/strong>est stylis\u00e9 comme une ic\u00f4ne distincte de personne initi\u00e9e des requ\u00eates HTTPS vers un rectangle <strong>load_balancer<\/strong>.<\/li>\n<li>Le trafic se divise clairement entre deux n\u0153uds d&#8217;application hexagonaux (<strong>app1<\/strong> et <strong>app2<\/strong>).<\/li>\n<li>Les deux n\u0153uds d&#8217;application interrogeant de mani\u00e8re s\u00e9curis\u00e9e les couches de m\u00e9moire cache backend (<strong>redis<\/strong>, stylis\u00e9 dans une teinte rouge douce) et des magasins de donn\u00e9es relationnelles (<strong>postgres<\/strong>, stylis\u00e9 dans une teinte verte douce).<\/li>\n<\/ul>\n<h2>Plus d&#8217;exemples de diagrammes D2<\/h2>\n<h3>Formes de base<\/h3>\n<p id=\"SAKMCCV\"><img alt=\"\" class=\"alignnone size-full wp-image-3576\" decoding=\"async\" height=\"307\" sizes=\"(max-width: 181px) 100vw, 181px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a7417a67c6bc.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a7417a67c6bc.png 181w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a7417a67c6bc-177x300.png 177w\" width=\"181\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">D2<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#d2:eNorTi0qSy1S0LVTSM7JTM0rsVLwCAkJ4OUqhounJFkpFJamFlXycsGUVPNyKSgUZyQWpFopFKQWFefngQVKKnNS9dIyc3KsFJSUk9NSjdLSlHi5anm5QEYg60muzMnMS0ktwtSVYphqnpIC0QVxgh6qgrS0NOPkFCUARUE39Q==\" 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 D2 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\">D2<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNorTi0qSy0tUtC1U0jOyUzNK1GwUvAICQng5SpGyCQlFqcqpABRfl7e4ZWpxUA1RamFpYdXlaTycsG1VfNyKSik5RflpgI5BalFxUDVqSCx4pLKnFS9otTcgpzM4uLEdJC8knJyWqpRWpoSL1ctLxcWC1BMS67MycxLKcJjWophqnlKCsQ0qMv1sKtMS0szTk5RAgBAXFGl\" \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 D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-d2\"><code class=\"language-d2\" data-language=\"d2\" class=\"language-d2\">\r\nserveur -&gt; client : HTTP\r\nserveur -&gt; base de donn\u00e9es : requ\u00eate\r\nclient : {\r\n  forme : personne\r\n  style.remplissage : \"#cfe2ff\"\r\n}\r\nbase de donn\u00e9es : {\r\n  forme : cylindre\r\n  style.remplissage : \"#d1e7dd\"\r\n}\r\nserveur.style.remplissage : \"#fff3cd\"\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNorTi0qSy0tUtC1U0jOyUzNK1GwUvAICQng5SpGyCQlFqcqpABRfl7e4ZWpxUA1RamFpYdXlaTycsG1VfNyKSik5RflpgI5BalFxUDVqSCx4pLKnFS9otTcgpzM4uLEdJC8knJyWqpRWpoSL1ctLxcWC1BMS67MycxLKcJjWophqnlKCsQ0qMv1sKtMS0szTk5RAgBAXFGl\" \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 D2 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\/#d2:eNorTi0qSy1S0LVTSM7JTM0rsVLwCAkJ4OUqhounJFkpFJamFlXycsGUVPNyKSgUZyQWpFopFKQWFefngQVKKnNS9dIyc3KsFJSUk9NSjdLSlHi5anm5QEYg60muzMnMS0ktwtSVYphqnpIC0QVxgh6qgrS0NOPkFCUARUE39Q==\" 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 D2 dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h2>Conteneurs<\/h2>\n<p id=\"WMOozNs\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-3575\" decoding=\"async\" height=\"669\" loading=\"lazy\" sizes=\"auto, (max-width: 370px) 100vw, 370px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a7417950d8ff.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a7417950d8ff.png 370w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a7417950d8ff-166x300.png 166w\" width=\"370\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">D2<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#d2:eNqVkMEOgjAMhu8kvEODZ0mIBwwHb968KL7A2FpYmNsyZ5AY3l2JSxDCxUvT9M\/\/tX81+s64toBXHAF0WIUO4N4wiwU0+GS10WHme4UpSaUKSDaYU0aUjNIwFmbl0u2Qe6ZrhWt+ItpxMflFlVonb8z1SwzvldQC3RpFZJiLOYUz3uA\/DNqLXLCJ8fkDbA\/fQJdjeQ3pxtnvkeX5NFfCYmVM+7BxNLwByuNhaQ==\" 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 D2 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\">D2<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNorOryyODWxVMFKoZqXS0GhPDUJxlRQSMsvyk0FcjNSKxLT8\/NSIaLFJZU5qXpFqbkFOZnFxYnpIBVKyqnmaYZpaUogJbUgIrEgE9OgotTkksS89By8JqWlpRknpyBMSknSKyjKzE3MLErFNDG5MiczL6UIr4EphqnmKagGJicmZ5BpWppFinlKIsI0UIjp2kH9G+QaHALzPVAQ1enBgT6ocjBXAIMlI7UIiHm5agHnW3H9\" \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 D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-d2\"><code class=\"language-d2\" data-language=\"d2\" class=\"language-d2\">r\u00e9seau : {\r\n  web : {\r\n    forme : hexagone\r\n    style.remplissage : \"#e7f1ff\"\r\n  }\r\n  api : {\r\n    forme : rectangle\r\n    style.remplissage : \"#fff3cd\"\r\n  }\r\n  db.primaire : {\r\n    forme : cylindre\r\n    style.remplissage : \"#d1e7dd\"\r\n  }\r\n  db.cache : {\r\n    forme : cylindre\r\n    style.remplissage : \"#f8d7da\"\r\n  }\r\n  web -&gt; api : REST\r\n  api -&gt; db.primaire : SQL\r\n  api -&gt; db.cache : recherche\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNorOryyODWxVMFKoZqXS0GhPDUJxlRQSMsvyk0FcjNSKxLT8\/NSIaLFJZU5qXpFqbkFOZnFxYnpIBVKyqnmaYZpaUogJbUgIrEgE9OgotTkksS89By8JqWlpRknpyBMSknSKyjKzE3MLErFNDG5MiczL6UIr4EphqnmKagGJicmZ5BpWppFinlKIsI0UIjp2kH9G+QaHALzPVAQ1enBgT6ocjBXAIMlI7UIiHm5agHnW3H9\" \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 D2 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\/#d2:eNqVkMEOgjAMhu8kvEODZ0mIBwwHb968KL7A2FpYmNsyZ5AY3l2JSxDCxUvT9M\/\/tX81+s64toBXHAF0WIUO4N4wiwU0+GS10WHme4UpSaUKSDaYU0aUjNIwFmbl0u2Qe6ZrhWt+ItpxMflFlVonb8z1SwzvldQC3RpFZJiLOYUz3uA\/DNqLXLCJ8fkDbA\/fQJdjeQ3pxtnvkeX5NFfCYmVM+7BxNLwByuNhaQ==\" 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 D2 dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><span style=\"font-size: 1.7em; font-weight: bold;\">Stylis\u00e9<\/span><\/p>\n<p id=\"PZEHtiy\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-3577\" decoding=\"async\" height=\"1015\" loading=\"lazy\" sizes=\"auto, (max-width: 281px) 100vw, 281px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a7417c197f05.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a7417c197f05.png 281w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a7417c197f05-83x300.png 83w\" width=\"281\"\/><\/p>\n<p>\u00a0<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">D2<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#d2:eNqNkVFrwyAQx98L\/Q5H9pwwOrYwH\/a8hz20tF\/A6plKrAY1DWH0u8\/UmDq2wUBQ\/3f38+7vhVpH4HO9AuCbkhktZDPfAVyLnp0IeNtjVBQdTe9L1I3USABVO+nX9SosOiTSpWMLY8Djcg7EE+1CnUXmqW4ULrofFWZ5AEIqRaB4ECieWF3cA85b0+IU4q91\/fjyI1QOkvvQ9SaDGe0JnI02SbvGw7zRTv63ySo1xo9IBRbfOPyXWdmopOZo\/6AwwbDOKdHM3qGF8g2CqVWws7rZ+H44bPfxgUihWp6pR56+KP5CKsjrbxNO9feMIOUZU+\/73UeOn\/3k1AU7nwP+C5tRlWo=\" 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 D2 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\">D2<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNqNkUFOwzAQRfeVegcrrB2hIohgwZpFF0XtBVx7HI1wbGM7rSrUA3EOLoYdk9ogJJAiJZl5\/v4z\/8CcJw\/kbbkgRKwoN1piPxcIAf86ovcQK8GNkIuDCTA6KoAK9NZ4DGh0JEC9JOC8XMSHHS+6B8uL4hH25YcQadyQ1B3wwHSvYG74cFJQkyQyg1XRDetTo7mSIG941xQgOIZhaon7rru+q1of75alQZLvkc7gqgDWKORJdzDazOVz\/vh6MYv\/t97+dCv2wCQ03xTFr7vgJ4VauL\/0uOTQ1Xp58WPAiLEUEaGPJObQxgDavPen3W6zzTdmVaZxKOnm3C58dTzPno4XJNUqZBpm+7yu5adFU2tQR1dTnrfxlk9uwqye\" \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 D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-d2\"><code class=\"language-d2\" data-language=\"d2\" class=\"language-d2\">vars : {\r\n  d2-config : {\r\n    esquisse : true\r\n    moteur-de-disposition : elk\r\n  }\r\n}\r\naws : {\r\n  vpc : {\r\n    web : {\r\n      forme : rectangle\r\n      style : {\r\n        remplissage : \"#fef3c7\"\r\n        trait : \"#d97706\"\r\n        \u00e9paisseur-du-trait : 2\r\n        police : mono\r\n      }\r\n    }\r\n    api : {\r\n      forme : rectangle\r\n      style.remplissage : \"#dbeafe\"\r\n    }\r\n    db : {\r\n      forme : cylindre\r\n      style.remplissage : \"#dcfce7\"\r\n    }\r\n  }\r\n}\r\nutilisateur -&gt; aws.vpc.web : HTTPS {\r\n  style.anime : true\r\n}\r\naws.vpc.web -&gt; aws.vpc.api : HTTP\r\naws.vpc.api -&gt; aws.vpc.db : SQL {\r\n  style.trait-pointille : 5\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNqNkUFOwzAQRfeVegcrrB2hIohgwZpFF0XtBVx7HI1wbGM7rSrUA3EOLoYdk9ogJJAiJZl5\/v4z\/8CcJw\/kbbkgRKwoN1piPxcIAf86ovcQK8GNkIuDCTA6KoAK9NZ4DGh0JEC9JOC8XMSHHS+6B8uL4hH25YcQadyQ1B3wwHSvYG74cFJQkyQyg1XRDetTo7mSIG941xQgOIZhaon7rru+q1of75alQZLvkc7gqgDWKORJdzDazOVz\/vh6MYv\/t97+dCv2wCQ03xTFr7vgJ4VauL\/0uOTQ1Xp58WPAiLEUEaGPJObQxgDavPen3W6zzTdmVaZxKOnm3C58dTzPno4XJNUqZBpm+7yu5adFU2tQR1dTnrfxlk9uwqye\" \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 D2 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\/#d2:eNqNkVFrwyAQx98L\/Q5H9pwwOrYwH\/a8hz20tF\/A6plKrAY1DWH0u8\/UmDq2wUBQ\/3f38+7vhVpH4HO9AuCbkhktZDPfAVyLnp0IeNtjVBQdTe9L1I3USABVO+nX9SosOiTSpWMLY8Djcg7EE+1CnUXmqW4ULrofFWZ5AEIqRaB4ECieWF3cA85b0+IU4q91\/fjyI1QOkvvQ9SaDGe0JnI02SbvGw7zRTv63ySo1xo9IBRbfOPyXWdmopOZo\/6AwwbDOKdHM3qGF8g2CqVWws7rZ+H44bPfxgUihWp6pR56+KP5CKsjrbxNO9feMIOUZU+\/73UeOn\/3k1AU7nwP+C5tRlWo=\" 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 D2 dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h2>S\u00e9quence<\/h2>\n<p id=\"LRvpxDA\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-3578\" decoding=\"async\" height=\"845\" loading=\"lazy\" sizes=\"auto, (max-width: 402px) 100vw, 402px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a741847708b9.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a741847708b9.png 402w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/img_6a741847708b9-143x300.png 143w\" width=\"402\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">D2<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#d2:eNorzkgsSLVSKE4tLE3NS06NT8lMTC9KzOXlKi1OLVLQtVNILMi0UnB3DVHQB4kU83IBBUDiKUlWCsGuPq7OIQpavFwpSXC1RfnlCFUgPVYKRgYGCv7eaGYG+AdjNdTTL9g1KATdSAwTDRWci1ITS1JTADJTOJ4=\" 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 D2 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\">D2<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNpLyy\/KTVWwUkjJTEwvSszNTdVNSdUtPryysDQ1LzmVl6u0JDMnszixJLW0SEHXTiGxIBOo2N01REEfSaaYlwskAZRPSixOVUgBovy8vMMrU4uBioNdfVydQxS0eLkwJOEG5mSm56UiTEG21ErByMBAwd8bh1MC\/INJcIunX7BrUAhBl+B0iKGCc9HhlYdXAgBgPGfS\" \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 D2 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-d2\"><code class=\"language-d2\" data-language=\"d2\" class=\"language-d2\">forme : diagramme-de-s\u00e9quence\r\nutilisateur -&gt; api : GET \/utilisateurs\r\napi -&gt; base de donn\u00e9es : SELECT *\r\nbase de donn\u00e9es -&gt; api : lignes\r\napi -&gt; utilisateur : 200 OK\r\nutilisateur -&gt; api : POST \/utilisateurs\r\napi -&gt; base de donn\u00e9es : INSERT\r\nbase de donn\u00e9es -&gt; api : ligne\r\napi -&gt; utilisateur : 201 Cr\u00e9\u00e9<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNpLyy\/KTVWwUkjJTEwvSszNTdVNSdUtPryysDQ1LzmVl6u0JDMnszixJLW0SEHXTiGxIBOo2N01REEfSaaYlwskAZRPSixOVUgBovy8vMMrU4uBioNdfVydQxS0eLkwJOEG5mSm56UiTEG21ErByMBAwd8bh1MC\/INJcIunX7BrUAhBl+B0iKGCc9HhlYdXAgBgPGfS\" \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 D2 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\/#d2:eNorzkgsSLVSKE4tLE3NS06NT8lMTC9KzOXlKi1OLVLQtVNILMi0UnB3DVHQB4kU83IBBUDiKUlWCsGuPq7OIQpavFwpSXC1RfnlCFUgPVYKRgYGCv7eaGYG+AdjNdTTL9g1KATdSAwTDRWci1ITS1JTADJTOJ4=\" 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 D2 dans VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>Remarques : Vous pouvez souhaiter cr\u00e9er un diagramme de s\u00e9quence avec PlantUML. D\u00e9couvrez comment le faire ici :<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"UG1XDYeanz\">\n<p><a href=\"https:\/\/www.vpascode.com\/complete-guide-to-plantuml-sequence-diagrams-syntax-examples-best-practices\/\">Guide complet des diagrammes de s\u00e9quence PlantUML : syntaxe, exemples et meilleures pratiques<\/a><\/p>\n<\/blockquote>\n<p><iframe class=\"wp-embedded-content\" data-secret=\"UG1XDYeanz\" frameborder=\"0\" height=\"282\" marginheight=\"0\" marginwidth=\"0\" sandbox=\"allow-scripts\" scrolling=\"no\" security=\"restricted\" src=\"https:\/\/www.vpascode.com\/complete-guide-to-plantuml-sequence-diagrams-syntax-examples-best-practices\/embed\/#?secret=IlOQ6XvBnM#?secret=UG1XDYeanz\" style=\"position: absolute; visibility: hidden;\" title=\"\u201cComplete Guide to PlantUML Sequence Diagrams: Syntax, Examples &amp; Best Practices\u201d \u2014 VPasCode\" width=\"500\"><\/iframe><\/p>\n<h2>Qu&#8217;est-ce que VPasCode ?<\/h2>\n<p>Si vous \u00eates nouveau sur notre plateforme, <strong>Visual Paradigm VPasCode<\/strong> est une solution unifi\u00e9e, bas\u00e9e sur navigateur, de diagrammes en code, con\u00e7ue pour les \u00e9quipes techniques modernes. Elle \u00e9limine les complications des outils de dessin manuels par glisser-d\u00e9poser en vous permettant de d\u00e9finir enti\u00e8rement l&#8217;architecture et les mod\u00e8les de donn\u00e9es via du code.<\/p>\n<p>En plus de D2, VPasCode prend en charge un vaste \u00e9ventail de formats de diagrammes populaires et de langages structur\u00e9s, notamment PlantUML, Mermaid, Graphviz, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-echarts-support-chart-maker\/\">ECharts<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-sql-to-erd-tool-online-editor\/\">SQL<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-yaml-diagram-tool-vpascode-update\/\">YAML<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-json-editor-visualizer-vpascode-update\/\">JSON<\/a>, et les principaux langages de programmation tels que <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-java-code-to-uml-class-diagram\/\">Java<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-python-code-as-uml-class-diagrams-vpascode\/\">Python<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-rust-code-uml-diagram-as-code\/\">Rust<\/a>, et <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/typescript-to-uml-class-diagram-generator\/\">TypeScript<\/a>. L&#8217;\u00e9dition de code principal, l&#8217;aper\u00e7u en direct et l&#8217;exportation d&#8217;images sont enti\u00e8rement gratuits.<\/p>\n<h2>Commencez \u00e0 cr\u00e9er d\u00e8s aujourd&#8217;hui<\/h2>\n<p>Am\u00e9liorez votre documentation technique et votre mod\u00e9lisation architecturale d\u00e8s aujourd&#8217;hui. D\u00e9couvrez la rapidit\u00e9 et la commodit\u00e9 de nos nouvelles fonctionnalit\u00e9s D2 en lan\u00e7ant l&#8217;application d\u00e8s maintenant sur le <a href=\"https:\/\/www.vpascode.com\/\" rel=\"noopener\" target=\"_blank\">\u00c9diteur VPasCode<\/a>.<\/p>\n","protected":false},"featured_media":2819,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"\u00c9diteur D2 gratuit et outil en ligne D2 : VPasCode prend d\u00e9sormais en charge la visualisation D2","_yoast_wpseo_metadesc":"D\u00e9couvrez comment utiliser l'\u00e9diteur D2 gratuit et l'outil en ligne D2 de VPasCode pour \u00e9crire, pr\u00e9visualiser, exporter et partager des diagrammes D2 en temps r\u00e9el. Lisez l'annonce d\u00e8s maintenant !","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"product":[2,3],"product-area":[49],"version":[50],"release-type":[16],"class_list":["post-2818","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-vpascode","version-18-1","release-type-new-feature"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u00c9diteur D2 gratuit et outil en ligne D2 : VPasCode prend d\u00e9sormais en charge la visualisation D2<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez comment utiliser l&#039;\u00e9diteur D2 gratuit et l&#039;outil en ligne D2 de VPasCode pour \u00e9crire, pr\u00e9visualiser, exporter et partager des diagrammes D2 en temps r\u00e9el. Lisez l&#039;annonce d\u00e8s maintenant !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00c9diteur D2 gratuit et outil en ligne D2 : VPasCode prend d\u00e9sormais en charge la visualisation D2\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez comment utiliser l&#039;\u00e9diteur D2 gratuit et l&#039;outil en ligne D2 de VPasCode pour \u00e9crire, pr\u00e9visualiser, exporter et partager des diagrammes D2 en temps r\u00e9el. Lisez l&#039;annonce d\u00e8s maintenant !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates French\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1680\" \/>\n\t<meta property=\"og:image:height\" content=\"945\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"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:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/\",\"name\":\"\u00c9diteur D2 gratuit et outil en ligne D2 : VPasCode prend d\u00e9sormais en charge la visualisation D2\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png\",\"datePublished\":\"2026-08-06T04:59:49+00:00\",\"description\":\"D\u00e9couvrez comment utiliser l'\u00e9diteur D2 gratuit et l'outil en ligne D2 de VPasCode pour \u00e9crire, pr\u00e9visualiser, exporter et partager des diagrammes D2 en temps r\u00e9el. Lisez l'annonce d\u00e8s maintenant !\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png\",\"width\":1680,\"height\":945},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Annonce du support des diagrammes D2 dans VPasCode : l&#8217;\u00e9diteur D2 gratuit ultime et l&#8217;outil en ligne D2 complet\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/\",\"name\":\"Visual Paradigm Product Updates French\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#organization\",\"name\":\"Visual Paradigm Product Updates French\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates French\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/fr\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00c9diteur D2 gratuit et outil en ligne D2 : VPasCode prend d\u00e9sormais en charge la visualisation D2","description":"D\u00e9couvrez comment utiliser l'\u00e9diteur D2 gratuit et l'outil en ligne D2 de VPasCode pour \u00e9crire, pr\u00e9visualiser, exporter et partager des diagrammes D2 en temps r\u00e9el. Lisez l'annonce d\u00e8s maintenant !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/","og_locale":"fr_FR","og_type":"article","og_title":"\u00c9diteur D2 gratuit et outil en ligne D2 : VPasCode prend d\u00e9sormais en charge la visualisation D2","og_description":"D\u00e9couvrez comment utiliser l'\u00e9diteur D2 gratuit et l'outil en ligne D2 de VPasCode pour \u00e9crire, pr\u00e9visualiser, exporter et partager des diagrammes D2 en temps r\u00e9el. Lisez l'annonce d\u00e8s maintenant !","og_url":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/","og_site_name":"Visual Paradigm Product Updates French","og_image":[{"width":1680,"height":945,"url":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png","type":"image\/png"}],"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:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/","url":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/","name":"\u00c9diteur D2 gratuit et outil en ligne D2 : VPasCode prend d\u00e9sormais en charge la visualisation D2","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png","datePublished":"2026-08-06T04:59:49+00:00","description":"D\u00e9couvrez comment utiliser l'\u00e9diteur D2 gratuit et l'outil en ligne D2 de VPasCode pour \u00e9crire, pr\u00e9visualiser, exporter et partager des diagrammes D2 en temps r\u00e9el. Lisez l'annonce d\u00e8s maintenant !","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png","width":1680,"height":945},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/fr\/releases\/vpascode-d2-diagram-support-announcement\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Annonce du support des diagrammes D2 dans VPasCode : l&#8217;\u00e9diteur D2 gratuit ultime et l&#8217;outil en ligne D2 complet"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/fr\/#website","url":"https:\/\/updates.visual-paradigm.com\/fr\/","name":"Visual Paradigm Product Updates French","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/fr\/#organization","name":"Visual Paradigm Product Updates French","url":"https:\/\/updates.visual-paradigm.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/updates.visual-paradigm.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates French"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/releases\/2818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/releases\/2818\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/media\/2819"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/media?parent=2818"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/product?post=2818"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/product-area?post=2818"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/version?post=2818"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/fr\/wp-json\/wp\/v2\/release-type?post=2818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}