{"id":2816,"date":"2026-08-06T12:59:49","date_gmt":"2026-08-06T04:59:49","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/pt\/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\/pt\/releases\/vpascode-d2-diagram-support-announcement\/","title":{"rendered":"Anunciando o Suporte a Diagramas D2 no VPasCode: O Editor D2 Gratuito e Ferramenta Online Definitiva"},"content":{"rendered":"<p>Estamos entusiasmados em anunciar uma atualiza\u00e7\u00e3o importante para <strong>VPasCode<\/strong>: suporte completo para a <strong>D2<\/strong>linguagem diagram-as-code! Com esta atualiza\u00e7\u00e3o, arquitetos, desenvolvedores e redatores t\u00e9cnicos podem transformar instantaneamente scripts de texto declarativos D2 em diagramas visuais limpos e profissionais, sem qualquer atrito.<\/p>\n<p>Seja voc\u00ea mapear arquiteturas de nuvem complexas, topologia de microservi\u00e7os ou fluxos de trabalho organizacionais, o VPasCode funciona como seu editor D2 gratuito de escolha<strong>editor D2 gratuito<\/strong> e ferramenta online com recursos avan\u00e7ados <strong>ferramenta online D2<\/strong>. Experimente uma visualiza\u00e7\u00e3o cont\u00ednua e em tempo real diretamente no seu navegador.<\/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>Para saber mais sobre os recursos e atualiza\u00e7\u00f5es da nossa plataforma, visite a p\u00e1gina oficial do <a href=\"https:\/\/www.vpascode.com\/overview\/\" rel=\"noopener\" target=\"_blank\">P\u00e1gina do VPasCode<\/a>.<\/p>\n<h2>Como o Integra\u00e7\u00e3o D2 Funciona no VPasCode<\/h2>\n<p>Usar o D2 no VPasCode \u00e9 r\u00e1pido, intuitivo e projetado para maximizar sua produtividade. O ambiente de trabalho apresenta uma disposi\u00e7\u00e3o conveniente em lado a lado:<\/p>\n<ul>\n<li><strong>Painel Esquerdo (Editor de C\u00f3digo):<\/strong>Basta colar, digitar ou editar seu script D2. A detec\u00e7\u00e3o autom\u00e1tica de formato do VPasCode reconhece imediatamente seu c\u00f3digo, sem exigir altern\u00e2ncia manual de linguagem.<\/li>\n<li><strong>Painel Direito (Visualizador em Tempo Real):<\/strong>Observe seu diagrama sendo renderizado dinamicamente em tempo real enquanto digita ou modifica blocos de c\u00f3digo.<\/li>\n<\/ul>\n<p>O v\u00eddeo abaixo mostra como criar um diagrama D2 no editor diagram-as-code do 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>Pronto para experimentar por si mesmo? Comece imediatamente com nosso <a href=\"https:\/\/www.vpascode.com\/\" rel=\"noopener\" target=\"_blank\">Editor VPasCode<\/a>.<\/p>\n<h2>Recursos Principais Inclu\u00eddos com o Suporte a D2<\/h2>\n<p>Al\u00e9m da renderiza\u00e7\u00e3o em tempo real, nossa nova integra\u00e7\u00e3o D2 vem com op\u00e7\u00f5es vers\u00e1teis de colabora\u00e7\u00e3o e sa\u00edda para se adaptar ao seu fluxo de trabalho:<\/p>\n<ol>\n<li><strong>Op\u00e7\u00f5es Flex\u00edveis de Exporta\u00e7\u00e3o:<\/strong>Baixe seus diagramas conclu\u00eddos instantaneamente como gr\u00e1ficos vetoriais escal\u00e1veis SVG ou imagens PNG de alta resolu\u00e7\u00e3o para relat\u00f3rios, apresenta\u00e7\u00f5es e documenta\u00e7\u00e3o.\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>Integra\u00e7\u00e3o com a \u00e1rea de transfer\u00eancia:<\/strong>Copie rapidamente sua imagem de diagrama renderizada diretamente para sua \u00e1rea de transfer\u00eancia com um \u00fanico clique para colar diretamente no Slack, emails ou editores de texto.<\/li>\n<li><strong>Compartilhamento de URL Instant\u00e2neo:<\/strong>Compartilhe seu trabalho facilmente com colegas ou clientes por meio de links diretos. Melhor ainda, n\u00e3o \u00e9 necess\u00e1rio fazer login para que os espectadores analisem seus diagramas compartilhados.<\/li>\n<\/ol>\n<h2>Demonstra\u00e7\u00e3o: Criando um Diagrama de Rede B\u00e1sico no D2<\/h2>\n<p>Para ver o qu\u00e3o f\u00e1cil \u00e9 modelar sistemas usando este<strong>editor D2 gratuito<\/strong>, considere o seguinte exemplo de uma arquitetura de rede b\u00e1sica em m\u00faltiplos n\u00edveis.<\/p>\n<h3>C\u00f3digo-fonte 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>Edite D2 no 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:eNp9kcGKwjAQhu+C7xC6ZwVzWejBm+jBg2LvMpv8rYE0CZMI+\/ibthsU7e4tfPPN5B9GG4YiXwudHybRcqGsgUsQq634IktOgbTnq8ZVEXdUi0PTnC7LxVxxaKIQNpP0ryOLM\/gDY2gTa7HfNSOTM2z0go+pY2R8OR8f6gv+3WLdeu5z5oAYPc0HKg4jkevu1k9\/FXzDN3XeTVS+0zFjwcpY4zRnXPK8V6YGxGSsXwcGnLqZPqfNV6g+WkBCVk8D\/jK1ahU+qx8S65dg\" \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\">direcao: direita\r\ncliente -&gt; balanceador_de_carga: HTTPS\r\nbalanceador_de_carga -&gt; app1: HTTP\r\nbalanceador_de_carga -&gt; app2: HTTP\r\napp1 -&gt; redis: GET\r\napp2 -&gt; redis: GET\r\napp1 -&gt; postgres: SQL\r\napp2 -&gt; postgres: SQL\r\ncliente.forma: pessoa\r\nbalanceador_de_carga.forma: retangulo\r\napp1.forma: hexagono\r\napp2.forma: hexagono\r\nredis.forma: cilindro\r\npostgres.forma: cilindro\r\nredis.estilo.preenchimento: \"#fee2e2\"\r\npostgres.estilo.preenchimento: \"#dcfce7\"<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNp9kcGKwjAQhu+C7xC6ZwVzWejBm+jBg2LvMpv8rYE0CZMI+\/ibthsU7e4tfPPN5B9GG4YiXwudHybRcqGsgUsQq634IktOgbTnq8ZVEXdUi0PTnC7LxVxxaKIQNpP0ryOLM\/gDY2gTa7HfNSOTM2z0go+pY2R8OR8f6gv+3WLdeu5z5oAYPc0HKg4jkevu1k9\/FXzDN3XeTVS+0zFjwcpY4zRnXPK8V6YGxGSsXwcGnLqZPqfNV6g+WkBCVk8D\/jK1ahU+qx8S65dg\" \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>Edite D2 no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>Como isso \u00e9 renderizado na nossa ferramenta online D2<\/h3>\n<p>Quando voc\u00ea cola o script acima no VPasCode, o motor processa automaticamente as rela\u00e7\u00f5es, a direcionalidade e o estilo personalizado das formas:<\/p>\n<ul>\n<li>O<strong>cliente<\/strong>\u00e9 estilizado como um \u00edcone distinto de pessoa iniciando requisi\u00e7\u00f5es HTTPS para um<strong>balanceador_de_carga<\/strong>.<\/li>\n<li>O tr\u00e1fego \u00e9 dividido claramente entre dois n\u00f3s de aplica\u00e7\u00e3o hexagonais (<strong>app1<\/strong> e <strong>app2<\/strong>).<\/li>\n<li>Ambos os n\u00f3s de aplica\u00e7\u00e3o consultam de forma segura camadas de cache de backend (<strong>redis<\/strong>, estilizado com uma tonalidade suave de vermelho) e bancos de dados relacionais (<strong>postgres<\/strong>, estilizado com uma tonalidade suave de verde).<\/li>\n<\/ul>\n<h2>Mais Exemplos de Diagramas D2<\/h2>\n<h3>Formas B\u00e1sicas<\/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>Editar D2 no 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:eNp9jrsKAjEURPtA\/uESaxfUQkhhbWmxPxDvAwPZ3CWJNuK\/axBlC7GdOWeYyuUWSQusD4Apcm7s4TiOJ2vqojqTB9Rcr6kFa77g3RoA0TIFDzPXqqEHXFtMOsyFOeMlTi9WPbgVCm9FnDUPa\/rg0saYYqai\/3za8J7o7f9ihs\/jDovIDsk9Ae2oSOg=\" \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\nservidor -&gt; cliente: HTTP\r\nservidor -&gt; bd: consulta\r\ncliente: {\r\n  forma: pessoa\r\n  estilo.preenchimento: \"#cfe2ff\"\r\n}\r\nbd: {\r\n  forma: cilindro\r\n  estilo.preenchimento: \"#d1e7dd\"\r\n}\r\nestilo.preenchimento.servidor: \"#fff3cd\"\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNp9jrsKAjEURPtA\/uESaxfUQkhhbWmxPxDvAwPZ3CWJNuK\/axBlC7GdOWeYyuUWSQusD4Apcm7s4TiOJ2vqojqTB9Rcr6kFa77g3RoA0TIFDzPXqqEHXFtMOsyFOeMlTi9WPbgVCm9FnDUPa\/rg0saYYqai\/3za8J7o7f9ihs\/jDovIDsk9Ae2oSOg=\" \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>Editar D2 no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h2>Cont\u00eaineres<\/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>Editar D2 no 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:eNqdkDEKg0AQRXvBOwymTkBSGCzSpUuTmAusOzO6sO7KqiQQPExyFS8WRUG0EdIMw5\/P4\/9xhBTD2\/cAnpROGwBbV4gYcnp1n8waO6pU1UrbQ+mIjMxVQaa2MQQ7ijhkDgZTOwxRqjXJUd19TdboDRQzHyXOqBR7jzJSlUKvmVJpZdBtEDGkCJdEKWRO\/9H4hBGKmdY\/DfbnsfH9kjym+oO2jJ7crsvbFEJaUzW6Fr7X\/gDkb3WE\" \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\">rede: {\r\n  web: {\r\n    forma: hex\u00e1gono\r\n    estilo.preenchimento: \"#e7f1ff\"\r\n  }\r\n  api: {\r\n    forma: ret\u00e2ngulo\r\n    estilo.preenchimento: \"#fff3cd\"\r\n  }\r\n  bd.principal: {\r\n    forma: cilindro\r\n    estilo.preenchimento: \"#d1e7dd\"\r\n  }\r\n  bd.cache: {\r\n    forma: cilindro\r\n    estilo.preenchimento: \"#f8d7da\"\r\n  }\r\n  web -&gt; api: REST\r\n  api -&gt; bd.principal: SQL\r\n  api -&gt; bd.cache: consulta\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNqdkDEKg0AQRXvBOwymTkBSGCzSpUuTmAusOzO6sO7KqiQQPExyFS8WRUG0EdIMw5\/P4\/9xhBTD2\/cAnpROGwBbV4gYcnp1n8waO6pU1UrbQ+mIjMxVQaa2MQQ7ijhkDgZTOwxRqjXJUd19TdboDRQzHyXOqBR7jzJSlUKvmVJpZdBtEDGkCJdEKWRO\/9H4hBGKmdY\/DfbnsfH9kjym+oO2jJ7crsvbFEJaUzW6Fr7X\/gDkb3WE\" \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>Editar D2 no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><span style=\"font-size: 1.7em; font-weight: bold;\">Estilizado<\/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>Editar D2 no 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:eNqNkU1ugzAQhfeRcocRWYOqVC0qi667yCJVcoHBHhOrxkbGEFVVDtNuehAuVvNPmkUrIWH8nr83PNdoywQ+1isAZrSQWci3wzcAlalpvk0CNVmOnKQ1g6AzqSlU+G4qlwCpt3b\/sl75B88jsC7YhDpTOq0BhLE5JmDJNV86q5QZBSqdVGbhBCgskWYnmZN2Xgk2gsQ9i4PZ4Sx2UwYb\/hTHd48LSaHNKovhaNnOkjDaUQK50VP6pV8MLyzk\/0eObsbkKaGg4AqZ8lsik0pqbv\/mMcEoXvL6vquyaj6tNBA+g+8+8q1HXdsvx+P+0McNTNQyR\/7rPvsrG48tKV0BLWV2+K2lo\/2fw+vuKqSvOix8vVKdurgHn\/IDSRyx8g==\" \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  config-d2: {\r\n    esbo\u00e7o: verdadeiro\r\n    engine-layout: elk\r\n  }\r\n}\r\naws: {\r\n  vpc: {\r\n    web: {\r\n      forma: ret\u00e2ngulo\r\n      estilo: {\r\n        preenchimento: \"#fef3c7\"\r\n        tra\u00e7o: \"#d97706\"\r\n        largura-tra\u00e7o: 2\r\n        fonte: mono\r\n      }\r\n    }\r\n    api: {\r\n      forma: ret\u00e2ngulo\r\n      estilo.preenchimento: \"#dbeafe\"\r\n    }\r\n    bd: {\r\n      forma: cilindro\r\n      estilo.preenchimento: \"#dcfce7\"\r\n    }\r\n  }\r\n}\r\nusu\u00e1rio -&gt; aws.vpc.web: HTTPS {\r\n  estilo.animado: verdadeiro\r\n}\r\naws.vpc.web -&gt; aws.vpc.api: HTTP\r\naws.vpc.api -&gt; aws.vpc.bd: SQL {\r\n  estilo.tra\u00e7o-pontilhado: 5\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNqNkU1ugzAQhfeRcocRWYOqVC0qi667yCJVcoHBHhOrxkbGEFVVDtNuehAuVvNPmkUrIWH8nr83PNdoywQ+1isAZrSQWci3wzcAlalpvk0CNVmOnKQ1g6AzqSlU+G4qlwCpt3b\/sl75B88jsC7YhDpTOq0BhLE5JmDJNV86q5QZBSqdVGbhBCgskWYnmZN2Xgk2gsQ9i4PZ4Sx2UwYb\/hTHd48LSaHNKovhaNnOkjDaUQK50VP6pV8MLyzk\/0eObsbkKaGg4AqZ8lsik0pqbv\/mMcEoXvL6vquyaj6tNBA+g+8+8q1HXdsvx+P+0McNTNQyR\/7rPvsrG48tKV0BLWV2+K2lo\/2fw+vuKqSvOix8vVKdurgHn\/IDSRyx8g==\" \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>Editar D2 no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h2>Sequ\u00eancia<\/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>Editar D2 no 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\/KTbRSSMlMTC9KzE2ML04tLE3NS85M5OUqLS49vLAoM19B104hsSDTSsHdNURBHyZazMsFFATJJaVYKQS7+rg6hyho8XIlpcDV52TmZSQi1MF0WikYGRgo+HtjsSHAPxinFZ5+wa5BIZgWYDXfUMG5KDMxJR8AXL1IMg==\" \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\">forma: diagrama_sequencia\r\nusu\u00e1rio -&gt; api: GET \/usu\u00e1rios\r\napi -&gt; bd: SELECT *\r\nbd -&gt; api: linhas\r\napi -&gt; usu\u00e1rio: 200 OK\r\nusu\u00e1rio -&gt; api: POST \/usu\u00e1rios\r\napi -&gt; bd: INSERT\r\nbd -&gt; api: linha\r\napi -&gt; usu\u00e1rio: 201 Criado<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNpLyy\/KTbRSSMlMTC9KzE2ML04tLE3NS85M5OUqLS49vLAoM19B104hsSDTSsHdNURBHyZazMsFFATJJaVYKQS7+rg6hyho8XIlpcDV52TmZSQi1MF0WikYGRgo+HtjsSHAPxinFZ5+wa5BIZgWYDXfUMG5KDMxJR8AXL1IMg==\" \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>Editar D2 no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>Notas: Voc\u00ea pode querer criar um Diagrama de Sequ\u00eancia com PlantUML. Confira como fazer isso em:<\/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\/\">Guia Completo sobre Diagramas de Sequ\u00eancia do PlantUML: Sintaxe, Exemplos e Melhores Pr\u00e1ticas<\/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>O que \u00e9 o VPasCode?<\/h2>\n<p>Se voc\u00ea \u00e9 novo na nossa plataforma, <strong>Visual Paradigm VPasCode<\/strong>\u00e9 uma solu\u00e7\u00e3o unificada, baseada em navegador, de diagramas como c\u00f3digo, criada para equipes t\u00e9cnicas modernas. Ela elimina a complica\u00e7\u00e3o das ferramentas manuais de arrastar e soltar, permitindo que voc\u00ea defina arquiteturas e modelos de dados inteiramente por meio de c\u00f3digo.<\/p>\n<p>Al\u00e9m do D2, o VPasCode suporta uma grande variedade de formatos populares de diagrama\u00e7\u00e3o e linguagens estruturadas, incluindo 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>, e linguagens de programa\u00e7\u00e3o principais como <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>, e <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/typescript-to-uml-class-diagram-generator\/\">TypeScript<\/a>. Edi\u00e7\u00e3o de c\u00f3digo principal, visualiza\u00e7\u00e3o em tempo real e exporta\u00e7\u00e3o de imagens s\u00e3o totalmente gratuitas.<\/p>\n<h2>Comece a Criar Hoje<\/h2>\n<p>Aprimore sua documenta\u00e7\u00e3o t\u00e9cnica e modelagem arquitet\u00f4nica hoje. Experimente a velocidade e a conveni\u00eancia dos novos recursos D2 iniciando o aplicativo agora mesmo no <a href=\"https:\/\/www.vpascode.com\/\" rel=\"noopener\" target=\"_blank\">Editor VPasCode<\/a>.<\/p>\n","protected":false},"featured_media":2817,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Editor D2 Gratuito e Ferramenta Online D2: VPasCode Agora Suporta Visualiza\u00e7\u00e3o D2","_yoast_wpseo_metadesc":"Descubra como usar o editor D2 gratuito e a ferramenta online D2 do VPasCode para escrever, visualizar, exportar e compartilhar diagramas D2 em tempo real. Leia o an\u00fancio agora!","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":[50],"version":[51],"release-type":[16],"class_list":["post-2816","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>Editor D2 Gratuito e Ferramenta Online D2: VPasCode Agora Suporta Visualiza\u00e7\u00e3o D2<\/title>\n<meta name=\"description\" content=\"Descubra como usar o editor D2 gratuito e a ferramenta online D2 do VPasCode para escrever, visualizar, exportar e compartilhar diagramas D2 em tempo real. Leia o an\u00fancio agora!\" \/>\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\/pt\/releases\/vpascode-d2-diagram-support-announcement\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Editor D2 Gratuito e Ferramenta Online D2: VPasCode Agora Suporta Visualiza\u00e7\u00e3o D2\" \/>\n<meta property=\"og:description\" content=\"Descubra como usar o editor D2 gratuito e a ferramenta online D2 do VPasCode para escrever, visualizar, exportar e compartilhar diagramas D2 em tempo real. Leia o an\u00fancio agora!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates Portuguese\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/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=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/\",\"name\":\"Editor D2 Gratuito e Ferramenta Online D2: VPasCode Agora Suporta Visualiza\u00e7\u00e3o D2\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png\",\"datePublished\":\"2026-08-06T04:59:49+00:00\",\"description\":\"Descubra como usar o editor D2 gratuito e a ferramenta online D2 do VPasCode para escrever, visualizar, exportar e compartilhar diagramas D2 em tempo real. Leia o an\u00fancio agora!\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png\",\"width\":1680,\"height\":945},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Anunciando o Suporte a Diagramas D2 no VPasCode: O Editor D2 Gratuito e Ferramenta Online Definitiva\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/\",\"name\":\"Visual Paradigm Product Updates Portuguese\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#organization\",\"name\":\"Visual Paradigm Product Updates Portuguese\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates Portuguese\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Editor D2 Gratuito e Ferramenta Online D2: VPasCode Agora Suporta Visualiza\u00e7\u00e3o D2","description":"Descubra como usar o editor D2 gratuito e a ferramenta online D2 do VPasCode para escrever, visualizar, exportar e compartilhar diagramas D2 em tempo real. Leia o an\u00fancio agora!","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\/pt\/releases\/vpascode-d2-diagram-support-announcement\/","og_locale":"pt_PT","og_type":"article","og_title":"Editor D2 Gratuito e Ferramenta Online D2: VPasCode Agora Suporta Visualiza\u00e7\u00e3o D2","og_description":"Descubra como usar o editor D2 gratuito e a ferramenta online D2 do VPasCode para escrever, visualizar, exportar e compartilhar diagramas D2 em tempo real. Leia o an\u00fancio agora!","og_url":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/","og_site_name":"Visual Paradigm Product Updates Portuguese","og_image":[{"width":1680,"height":945,"url":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/","url":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/","name":"Editor D2 Gratuito e Ferramenta Online D2: VPasCode Agora Suporta Visualiza\u00e7\u00e3o D2","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png","datePublished":"2026-08-06T04:59:49+00:00","description":"Descubra como usar o editor D2 gratuito e a ferramenta online D2 do VPasCode para escrever, visualizar, exportar e compartilhar diagramas D2 em tempo real. Leia o an\u00fancio agora!","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png","width":1680,"height":945},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-d2-diagram-support-announcement\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Anunciando o Suporte a Diagramas D2 no VPasCode: O Editor D2 Gratuito e Ferramenta Online Definitiva"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/pt\/#website","url":"https:\/\/updates.visual-paradigm.com\/pt\/","name":"Visual Paradigm Product Updates Portuguese","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/pt\/#organization","name":"Visual Paradigm Product Updates Portuguese","url":"https:\/\/updates.visual-paradigm.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/updates.visual-paradigm.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates Portuguese"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/releases\/2816","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/releases\/2816\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media\/2817"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media?parent=2816"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/product?post=2816"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/product-area?post=2816"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/version?post=2816"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/release-type?post=2816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}