{"id":2823,"date":"2026-08-06T12:59:49","date_gmt":"2026-08-06T04:59:49","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/es\/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\/es\/releases\/vpascode-d2-diagram-support-announcement\/","title":{"rendered":"Anunciamos el soporte para diagramas D2 en VPasCode: el editor D2 gratuito definitivo y la herramienta en l\u00ednea D2"},"content":{"rendered":"<p>Estamos encantados de anunciar una actualizaci\u00f3n importante para <strong>VPasCode<\/strong>: soporte completo para el <strong>D2<\/strong>lenguaje de diagramas como c\u00f3digo. Con esta actualizaci\u00f3n, arquitectos, desarrolladores y redactores t\u00e9cnicos pueden transformar instant\u00e1neamente scripts de texto declarativos D2 en diagramas visuales limpios y profesionales sin ninguna fricci\u00f3n.<\/p>\n<p>Ya sea que est\u00e9s mapeando arquitecturas de nube complejas, topolog\u00edas de microservicios o flujos de trabajo organizacionales, VPasCode funciona como tu editor D2 gratuito de elecci\u00f3n<strong>editor D2 gratuito<\/strong> y herramienta en l\u00ednea con muchas funciones<strong>herramienta en l\u00ednea D2<\/strong>. Experimenta una visualizaci\u00f3n fluida y en tiempo real directamente dentro de tu 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 obtener m\u00e1s informaci\u00f3n sobre las capacidades y actualizaciones de nuestra plataforma, visita la p\u00e1gina oficial<a href=\"https:\/\/www.vpascode.com\/overview\/\" rel=\"noopener\" target=\"_blank\">P\u00e1gina de VPasCode<\/a>.<\/p>\n<h2>C\u00f3mo funciona la integraci\u00f3n de D2 en VPasCode<\/h2>\n<p>Usar D2 en VPasCode es r\u00e1pido, intuitivo y dise\u00f1ado para maximizar tu productividad. El entorno de trabajo presenta una disposici\u00f3n conveniente de lado a lado:<\/p>\n<ul>\n<li><strong>Panel izquierdo (editor de c\u00f3digo):<\/strong>Simplemente pega, escribe o edita tu script D2. La detecci\u00f3n autom\u00e1tica de formato de VPasCode reconoce inmediatamente tu c\u00f3digo sin necesidad de cambiar manualmente el idioma.<\/li>\n<li><strong>Panel derecho (visualizador en vivo):<\/strong>Observa c\u00f3mo tu diagrama se renderiza din\u00e1micamente en tiempo real mientras escribes o modificas bloques de c\u00f3digo.<\/li>\n<\/ul>\n<p>El video de abajo te muestra c\u00f3mo crear un diagrama D2 en el editor de diagramas como c\u00f3digo 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>\u00bfListo para probarlo t\u00fa mismo? Empieza de inmediato con nuestro<a href=\"https:\/\/www.vpascode.com\/\" rel=\"noopener\" target=\"_blank\">Editor de VPasCode<\/a>.<\/p>\n<h2>Caracter\u00edsticas principales incluidas con el soporte para D2<\/h2>\n<p>M\u00e1s all\u00e1 de la visualizaci\u00f3n en tiempo real, nuestra nueva integraci\u00f3n de D2 incluye opciones vers\u00e1tiles de colaboraci\u00f3n y salida para adaptarse a tu flujo de trabajo:<\/p>\n<ol>\n<li><strong>Opciones flexibles de exportaci\u00f3n:<\/strong>Descarga tus diagramas terminados de inmediato como gr\u00e1ficos vectoriales escalables SVG o im\u00e1genes PNG de alta resoluci\u00f3n para informes, presentaciones y documentaci\u00f3n.\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>Integraci\u00f3n con el portapapeles:<\/strong>Copie r\u00e1pidamente su imagen de diagrama renderizada directamente en su portapapeles con un solo clic para pegar directamente en Slack, correos electr\u00f3nicos o procesadores de textos.<\/li>\n<li><strong>Compartir enlaces instant\u00e1neos:<\/strong>Comparta su trabajo sin esfuerzo con colegas o clientes mediante enlaces directos. Lo mejor de todo es que no se requiere inicio de sesi\u00f3n para que los espectadores revisen sus diagramas compartidos.<\/li>\n<\/ol>\n<h2>Demostraci\u00f3n: Creaci\u00f3n de un diagrama de red b\u00e1sico en D2<\/h2>\n<p>Para ver lo sencillo que es modelar sistemas utilizando este <strong>editor D2 gratuito<\/strong>, considere el siguiente ejemplo de una arquitectura de red b\u00e1sica de m\u00faltiples niveles.<\/p>\n<h3>C\u00f3digo fuente 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>Editar D2 en 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:eNp9kDEKwjAYhfeCdwh1tmAWoYOb6OCg2F1i8toGYlL+VvA6nsEj9GKmrUGxxS1873vkJUoTpNTt06ZMwZ9LMYuk0bAN2GLNLsIIKyGUo7PCWQoqRMp2WXY4zaKpsCuJqloO0l+HB6fzO0ZQuk7ZdpP1jE+w3qtc3RQEj0\/H\/Uf9we9XJLmjq99cgWpnxfSiIPkPaNqHLW7GDdeFoMS9fRTODphP4H5o4FIbbRV5HEaNk6GAutHGJQRjYF3K4nkOcPD4qzp2lMwlVvELJzSYAw==\" \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\">direcci\u00f3n: derecha\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: persona\r\nbalanceador_de_carga.forma: rect\u00e1ngulo\r\napp1.forma: hex\u00e1gono\r\napp2.forma: hex\u00e1gono\r\nredis.forma: cilindro\r\npostgres.forma: cilindro\r\nredis.estilo.relleno: \"#fee2e2\"\r\npostgres.estilo.relleno: \"#dcfce7\"<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNp9kDEKwjAYhfeCdwh1tmAWoYOb6OCg2F1i8toGYlL+VvA6nsEj9GKmrUGxxS1873vkJUoTpNTt06ZMwZ9LMYuk0bAN2GLNLsIIKyGUo7PCWQoqRMp2WXY4zaKpsCuJqloO0l+HB6fzO0ZQuk7ZdpP1jE+w3qtc3RQEj0\/H\/Uf9we9XJLmjq99cgWpnxfSiIPkPaNqHLW7GDdeFoMS9fRTODphP4H5o4FIbbRV5HEaNk6GAutHGJQRjYF3K4nkOcPD4qzp2lMwlVvELJzSYAw==\" \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>Editar D2 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>C\u00f3mo se representa esto en nuestra herramienta en l\u00ednea D2<\/h3>\n<p>Cuando pega el script anterior en VPasCode, el motor procesa autom\u00e1ticamente las relaciones, la direccionalidad y el estilo personalizado de las formas:<\/p>\n<ul>\n<li>El <strong>cliente<\/strong>tiene un estilo de \u00edcono de persona distintivo que inicia solicitudes HTTPS hacia un <strong>balanceador_de_carga<\/strong>.<\/li>\n<li>El tr\u00e1fico se divide claramente entre dos nodos de aplicaci\u00f3n hexagonales (<strong>app1<\/strong> y <strong>app2<\/strong>).<\/li>\n<li>Ambos nodos de aplicaci\u00f3n consultan de forma segura capas de almacenamiento en cach\u00e9 de fondo (<strong>redis<\/strong>, con estilo en tono suave rojo) y almacenes de datos relacionales (<strong>postgres<\/strong>, con estilo en tono suave verde).<\/li>\n<\/ul>\n<h2>M\u00e1s ejemplos 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 en 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:eNptjjEKQjEQRPtA7rDE2g9qIaSwtrT4F4jZXQisWdlEG\/HuEkT5gu28ecM0sntBNVgfIEuh2inCcZ5P3rUFOmOErLXdpCfvvsWHdwCsdkkRrmRNaxoJtV5EJyMRqhohrDLTljl49\/RubC3FXKRUNP1v4ob2iG\/zl06fg6PGzLuM4QXrlkHV\" \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: persona\r\n  estilo.relleno: \"#cfe2ff\"\r\n}\r\nbd: {\r\n  forma: cilindro\r\n  estilo.relleno: \"#d1e7dd\"\r\n}\r\nestilo.relleno.servidor: \"#fff3cd\"\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNptjjEKQjEQRPtA7rDE2g9qIaSwtrT4F4jZXQisWdlEG\/HuEkT5gu28ecM0sntBNVgfIEuh2inCcZ5P3rUFOmOErLXdpCfvvsWHdwCsdkkRrmRNaxoJtV5EJyMRqhohrDLTljl49\/RubC3FXKRUNP1v4ob2iG\/zl06fg6PGzLuM4QXrlkHV\" \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 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h2>Contenedores<\/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 en 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:eNorSk2xUqjm5VJQKE9NgrIUFNLyi3ITrRQyUisOL0zPz8uHiKYWl2Tm5OsVpebkpOblWykoKaeapxmmpSmBpGtBRGJBJroZRanJJYcX5qWX5uA0JS0tzTg5BWFKUopeQVFmXnJmQWIOunHJmTmZeSlFOM1KMUw1T0E1KzkxOePwSlINSrNIMU9JRBgEDB4FXTuID4Ncg0Og3gWJobo3ONAHVQ5mf9LhXcWFpakpibxctQBqS26I\" \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\">red: {\r\n  web: {\r\n    forma: hex\u00e1gono\r\n    estilo.relleno: \"#e7f1ff\"\r\n  }\r\n  api: {\r\n    forma: rect\u00e1ngulo\r\n    estilo.relleno: \"#fff3cd\"\r\n  }\r\n  bd.principal: {\r\n    forma: cilindro\r\n    estilo.relleno: \"#d1e7dd\"\r\n  }\r\n  bd.cach\u00e9: {\r\n    forma: cilindro\r\n    estilo.relleno: \"#f8d7da\"\r\n  }\r\n  web -&gt; api: REST\r\n  api -&gt; bd.principal: SQL\r\n  api -&gt; bd.cach\u00e9: b\u00fasqueda\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNorSk2xUqjm5VJQKE9NgrIUFNLyi3ITrRQyUisOL0zPz8uHiKYWl2Tm5OsVpebkpOblWykoKaeapxmmpSmBpGtBRGJBJroZRanJJYcX5qWX5uA0JS0tzTg5BWFKUopeQVFmXnJmQWIOunHJmTmZeSlFOM1KMUw1T0E1KzkxOePwSlINSrNIMU9JRBgEDB4FXTuID4Ncg0Og3gWJobo3ONAHVQ5mf9LhXcWFpakpibxctQBqS26I\" \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 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><span style=\"font-size: 1.7em; font-weight: bold;\">Con estilo<\/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 en 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:eNqVUUtqwzAQ3Qdyh8Fdy5SU1tSLrrvooiW5gCyNUhFZY2QpgZYcpmfoEXKxyn+FQqEgkDTvzZuZN0fu2hI+1ysAuWGCrNL78Q9QkUBPJXgXcIjU5MkxiUzqtqFWC335tiWgOXT4eb2Kh58mxWMjZq0TVvMbQJGreQkOhb982X0wNCHYem0ooUJkGYM2xrIbhepOFNmCecc\/ekQ+FsXtQ4JwK96JjfhmiauA1mMZR7Fz0fPwGC\/e6H+0miftyQq5wuxKrZK\/xYQ22kr3l5JQAotUaTA3tIE7TcCeIPqcR4fz3tnn3e51O9QZxbjVNZfz9obFTAlpfj9ul78wYihldCNs316u5HtjWROil32V+1jiBz0upAU=\" \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    boceto: true\r\n    motor-de-disposici\u00f3n: elk\r\n  }\r\n}\r\naws: {\r\n  vpc: {\r\n    web: {\r\n      forma: rect\u00e1ngulo\r\n      estilo: {\r\n        relleno: \"#fef3c7\"\r\n        trazo: \"#d97706\"\r\n        ancho-trazo: 2\r\n        fuente: mono\r\n      }\r\n    }\r\n    api: {\r\n      forma: rect\u00e1ngulo\r\n      estilo.relleno: \"#dbeafe\"\r\n    }\r\n    bd: {\r\n      forma: cilindro\r\n      estilo.relleno: \"#dcfce7\"\r\n    }\r\n  }\r\n}\r\nusuario -&gt; aws.vpc.web: HTTPS {\r\n  estilo.animado: true\r\n}\r\naws.vpc.web -&gt; aws.vpc.api: HTTP\r\naws.vpc.api -&gt; aws.vpc.bd: SQL {\r\n  estilo.trazo-punteado: 5\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNqVUUtqwzAQ3Qdyh8Fdy5SU1tSLrrvooiW5gCyNUhFZY2QpgZYcpmfoEXKxyn+FQqEgkDTvzZuZN0fu2hI+1ysAuWGCrNL78Q9QkUBPJXgXcIjU5MkxiUzqtqFWC335tiWgOXT4eb2Kh58mxWMjZq0TVvMbQJGreQkOhb982X0wNCHYem0ooUJkGYM2xrIbhepOFNmCecc\/ekQ+FsXtQ4JwK96JjfhmiauA1mMZR7Fz0fPwGC\/e6H+0miftyQq5wuxKrZK\/xYQ22kr3l5JQAotUaTA3tIE7TcCeIPqcR4fz3tnn3e51O9QZxbjVNZfz9obFTAlpfj9ul78wYihldCNs316u5HtjWROil32V+1jiBz0upAU=\" \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 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h2>Secuencia<\/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 en 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\/KTbRSSMlMTC9KzE2ML05NLk3NS85M5OUqLS5NLMrMV9C1U0gsyLRScHcNUdCHChbzcgHFQFJJKVYKwa4+rs4hClq8XEkpcOVpmTmJCGVQfVYKRgYGCv7emKYH+AfjMt7TL9g1KATDcGxmGyo4F6UmpuQDAE0RQS4=\" \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_secuencia\r\nusuario -&gt; api: GET \/usuarios\r\napi -&gt; bd: SELECT *\r\nbd -&gt; api: filas\r\napi -&gt; usuario: 200 OK\r\nusuario -&gt; api: POST \/usuarios\r\napi -&gt; bd: INSERT\r\nbd -&gt; api: fila\r\napi -&gt; usuario: 201 Creado<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#d2:eNpLyy\/KTbRSSMlMTC9KzE2ML05NLk3NS85M5OUqLS5NLMrMV9C1U0gsyLRScHcNUdCHChbzcgHFQFJJKVYKwa4+rs4hClq8XEkpcOVpmTmJCGVQfVYKRgYGCv7emKYH+AfjMt7TL9g1KATDcGxmGyo4F6UmpuQDAE0RQS4=\" \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 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>Notas: Es posible que desees crear un diagrama de secuencia con PlantUML. Consulta c\u00f3mo hacerlo en:<\/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\/\">Gu\u00eda completa sobre diagramas de secuencia de PlantUML: sintaxis, ejemplos y mejores pr\u00e1cticas<\/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>\u00bfQu\u00e9 es VPasCode?<\/h2>\n<p>Si eres nuevo en nuestra plataforma, <strong>Visual Paradigm VPasCode<\/strong>es una soluci\u00f3n unificada, basada en navegador, de diagramas como c\u00f3digo, dise\u00f1ada para equipos t\u00e9cnicos modernos. Elimina la molestia de las herramientas de dibujo manuales con arrastrar y soltar, permiti\u00e9ndote definir arquitecturas y modelos de datos completamente mediante c\u00f3digo.<\/p>\n<p>Adem\u00e1s de D2, VPasCode admite una amplia variedad de formatos de diagramas populares y lenguajes estructurados, incluyendo 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>, y lenguajes de programaci\u00f3n principales 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>, y <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/typescript-to-uml-class-diagram-generator\/\">TypeScript<\/a>. La edici\u00f3n de c\u00f3digo principal, la vista previa en tiempo real y la exportaci\u00f3n de im\u00e1genes son completamente gratuitas.<\/p>\n<h2>Empiece a crear hoy<\/h2>\n<p>Mejore su documentaci\u00f3n t\u00e9cnica y modelado arquitect\u00f3nico hoy. Experimente la velocidad y comodidad de nuestras nuevas capacidades D2 iniciando la aplicaci\u00f3n ahora mismo en el <a href=\"https:\/\/www.vpascode.com\/\" rel=\"noopener\" target=\"_blank\">Editor VPasCode<\/a>.<\/p>\n","protected":false},"featured_media":2824,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Editor D2 gratuito y herramienta en l\u00ednea D2: VPasCode ahora admite visualizaci\u00f3n D2","_yoast_wpseo_metadesc":"Descubra c\u00f3mo usar el editor D2 gratuito y la herramienta en l\u00ednea D2 de VPasCode para escribir, previsualizar, exportar y compartir diagramas D2 en tiempo real. \u00a1Lea el anuncio ahora!","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-2823","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 y herramienta en l\u00ednea D2: VPasCode ahora admite visualizaci\u00f3n D2<\/title>\n<meta name=\"description\" content=\"Descubra c\u00f3mo usar el editor D2 gratuito y la herramienta en l\u00ednea D2 de VPasCode para escribir, previsualizar, exportar y compartir diagramas D2 en tiempo real. \u00a1Lea el anuncio ahora!\" \/>\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\/es\/releases\/vpascode-d2-diagram-support-announcement\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Editor D2 gratuito y herramienta en l\u00ednea D2: VPasCode ahora admite visualizaci\u00f3n D2\" \/>\n<meta property=\"og:description\" content=\"Descubra c\u00f3mo usar el editor D2 gratuito y la herramienta en l\u00ednea D2 de VPasCode para escribir, previsualizar, exportar y compartir diagramas D2 en tiempo real. \u00a1Lea el anuncio ahora!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates Spanish\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/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=\"Tiempo de lectura\" \/>\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\/es\/releases\/vpascode-d2-diagram-support-announcement\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/\",\"name\":\"Editor D2 gratuito y herramienta en l\u00ednea D2: VPasCode ahora admite visualizaci\u00f3n D2\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png\",\"datePublished\":\"2026-08-06T04:59:49+00:00\",\"description\":\"Descubra c\u00f3mo usar el editor D2 gratuito y la herramienta en l\u00ednea D2 de VPasCode para escribir, previsualizar, exportar y compartir diagramas D2 en tiempo real. \u00a1Lea el anuncio ahora!\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png\",\"width\":1680,\"height\":945},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Anunciamos el soporte para diagramas D2 en VPasCode: el editor D2 gratuito definitivo y la herramienta en l\u00ednea D2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/\",\"name\":\"Visual Paradigm Product Updates Spanish\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#organization\",\"name\":\"Visual Paradigm Product Updates Spanish\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates Spanish\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/es\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Editor D2 gratuito y herramienta en l\u00ednea D2: VPasCode ahora admite visualizaci\u00f3n D2","description":"Descubra c\u00f3mo usar el editor D2 gratuito y la herramienta en l\u00ednea D2 de VPasCode para escribir, previsualizar, exportar y compartir diagramas D2 en tiempo real. \u00a1Lea el anuncio ahora!","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\/es\/releases\/vpascode-d2-diagram-support-announcement\/","og_locale":"es_ES","og_type":"article","og_title":"Editor D2 gratuito y herramienta en l\u00ednea D2: VPasCode ahora admite visualizaci\u00f3n D2","og_description":"Descubra c\u00f3mo usar el editor D2 gratuito y la herramienta en l\u00ednea D2 de VPasCode para escribir, previsualizar, exportar y compartir diagramas D2 en tiempo real. \u00a1Lea el anuncio ahora!","og_url":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/","og_site_name":"Visual Paradigm Product Updates Spanish","og_image":[{"width":1680,"height":945,"url":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/","url":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/","name":"Editor D2 gratuito y herramienta en l\u00ednea D2: VPasCode ahora admite visualizaci\u00f3n D2","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png","datePublished":"2026-08-06T04:59:49+00:00","description":"Descubra c\u00f3mo usar el editor D2 gratuito y la herramienta en l\u00ednea D2 de VPasCode para escribir, previsualizar, exportar y compartir diagramas D2 en tiempo real. \u00a1Lea el anuncio ahora!","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/vpascode-free-d2-editor-online-tutorial.png","width":1680,"height":945},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/es\/releases\/vpascode-d2-diagram-support-announcement\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/es\/"},{"@type":"ListItem","position":2,"name":"Anunciamos el soporte para diagramas D2 en VPasCode: el editor D2 gratuito definitivo y la herramienta en l\u00ednea D2"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/es\/#website","url":"https:\/\/updates.visual-paradigm.com\/es\/","name":"Visual Paradigm Product Updates Spanish","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/es\/#organization","name":"Visual Paradigm Product Updates Spanish","url":"https:\/\/updates.visual-paradigm.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/updates.visual-paradigm.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates Spanish"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/releases\/2823","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/releases\/2823\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media\/2824"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media?parent=2823"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/product?post=2823"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/product-area?post=2823"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/version?post=2823"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/es\/wp-json\/wp\/v2\/release-type?post=2823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}