{"id":9965,"date":"2026-07-17T19:03:41","date_gmt":"2026-07-17T11:03:41","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/"},"modified":"2026-07-26T18:21:01","modified_gmt":"2026-07-26T10:21:01","slug":"beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","title":{"rendered":"M\u00e1s all\u00e1 de UML: Todos los diagramas de arquitectura y datos que puedes editar como c\u00f3digo en VPasCode"},"content":{"rendered":"<article class=\"vpascode-supported-diagrams-post\">\n<header>\n<p class=\"meta-description\" style=\"font-size: 1.1rem; color: #555; line-height: 1.6; margin-bottom: 25px;\">\u00bfBuscas una herramienta de diagramas como c\u00f3digo que haga m\u00e1s que diagramas de flujo b\u00e1sicos? Descubre c\u00f3mo VPasCode admite C4, ArchiMate, ERD, DFD, gr\u00e1ficos de Gantt y UML est\u00e1ndar.<\/p>\n<\/header>\n<hr style=\"border: 0; border-top: 1px solid #eee; margin: 20px 0;\"\/>\n<section>Cuando los equipos adoptan una <strong>plataforma de diagramas como c\u00f3digo<\/strong>, a menudo se encuentran con un muro. La mayor\u00eda de las herramientas de c\u00f3digo de c\u00f3digo abierto manejan bien los diagramas de flujo b\u00e1sicos, pero fallan por completo cuando se les pide representar arquitecturas de TI de nivel empresarial, esquemas de bases de datos o mapas de ruta de proyectos. No deber\u00edas tener que comprometer tus est\u00e1ndares de modelado solo para obtener la velocidad de una <strong>herramienta de UML basada en texto<\/strong>.<a href=\"https:\/\/www.vpascode.com\/\"><strong>VPasCode<\/strong><\/a> va mucho m\u00e1s all\u00e1 de las tradicionales <strong>software de diagramaci\u00f3n basado en c\u00f3digo<\/strong>. Al unir motores como <strong>PlantUML<\/strong>, <strong>Mermaid<\/strong>, y <strong>Graphviz<\/strong>, act\u00faa como un \u00fanico entorno centralizado donde puedes editar arquitecturas de software complejas, mapeos de bases de datos y mapas mentales como texto limpio y controlado por versiones.<br \/>\n<\/section>\n<p><!-- Visual showcasing C4 Model Structure --><\/p>\n<div style=\"margin: 30px 0; text-align: center;\">\n<p><img decoding=\"async\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4df3944f3b6.png\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\"\/><\/p>\n<p style=\"font-size: 0.9rem; color: #666; margin-top: 8px; font-style: italic;\">El modelo C4 te permite explorar visualmente desde el contexto hasta Contenedores y Componentes utilizando una marcaci\u00f3n clara y estructurada.<\/p>\n<\/div>\n<section>\n<h2>1. Arquitectura empresarial y de software de alto nivel<\/h2>\n<p>El desarrollo de software moderno requiere un mapeo estructural claro. VPasCode admite los marcos de arquitectura empresarial m\u00e1s solicitados:<\/p>\n<ul>\n<li><strong>Modelo C4 (Contexto, Contenedores, Componentes, C\u00f3digo):<\/strong>Mapea tu arquitectura de software a trav\u00e9s de m\u00faltiples niveles de abstracci\u00f3n. Usando la sintaxis C4 dentro de Mermaid o PlantUML, puedes describir c\u00f3mo interact\u00faan los sistemas de software, hasta el nivel de despliegues individuales de contenedores.<\/li>\n<li><strong>ArchiMate:<\/strong>Para arquitectos empresariales, VPasCode admite el modelado de ArchiMate. Mapea procesos de negocio, servicios de aplicaciones y capas de infraestructura en texto plano sin depender de herramientas de modelado de escritorio pesadas y lentas.<\/li>\n<\/ul>\n<p id=\"JSreeKN\"><img alt=\"Editing an ArchiMate diagram with Visual Paradigm VPasCode\" class=\"alignnone wp-image-25318 size-full\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5.png 1192w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5-300x188.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5-1030x644.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5-768x480.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5-150x94.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5-400x250.png 400w\" width=\"1192\"\/><\/p>\n<\/section>\n<section>\n<h2>2. Modelado t\u00e9cnico de UML<\/h2>\n<p>Para una edici\u00f3n profunda de <strong>edici\u00f3n de diagramas de UML basada en texto<\/strong>, VPasCode ofrece una superficie de edici\u00f3n robusta. Ya sea que est\u00e9s mapeando el comportamiento del sistema o prototipos de software, puedes escribir y gestionar:<\/p>\n<ul>\n<li><strong>Diagrama de clases y diagrama de objetos:<\/strong>Para definir estructuras de c\u00f3digo y relaciones entre objetos.<\/li>\n<li><strong>Diagrama de secuencia:<\/strong>Esencial para mapear llamadas a la API y flujos de trabajo multi-servicio.<\/li>\n<li><strong>Diagrama de casos de uso y diagrama de actividad:<\/strong>Para documentar la l\u00f3gica de negocio y los requisitos del sistema.<\/li>\n<li><strong>Diagrama de estado:<\/strong>Perfecto para rastrear los cambios del ciclo de vida dentro de un sistema.<\/li>\n<li><strong>Diagrama de componentes y diagrama de despliegue:<\/strong>Para visualizar nodos de hardware f\u00edsico y disposiciones de microservicios.<\/li>\n<li><strong>Diagrama de temporizaci\u00f3n:<\/strong>Para analizar las restricciones de rendimiento y el orden de ejecuci\u00f3n.<\/li>\n<\/ul>\n<\/section>\n<section>\n<h2>3. Modelado de datos y procesos<\/h2>\n<p>Las tuber\u00edas de datos y las relaciones de bases de datos deben cambiar con la misma rapidez que tu aplicaci\u00f3n. VPasCode te permite editar modelos centrados en datos utilizando scripts de c\u00f3digo intuitivos:<\/p>\n<ul>\n<li><strong>Diagramas de relaci\u00f3n de entidades (ERD):<\/strong>Modela esquemas de bases de datos relacionales de forma limpia en texto plano utilizando la notaci\u00f3n de pie de cuervo.<\/li>\n<li><strong>Diagramas de flujo de datos (DFD):<\/strong>Mant\u00e9n el control de c\u00f3mo la informaci\u00f3n fluye a trav\u00e9s de tus sistemas, procesos y actores externos.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/next-gen-ai-flowchart-generator-clearer-process-workflows-made-simple\/\">Diagramas de flujo<\/a>:<\/strong>Esquematiza r\u00e1pidamente caminos de toma de decisiones l\u00f3gicos y bucles condicionales.<\/li>\n<\/ul>\n<\/section>\n<section>\n<h2>4. Planificaci\u00f3n de producto y herramientas de lluvia de ideas<\/h2>\n<p>La documentaci\u00f3n t\u00e9cnica no se trata solo de planos de software. VPasCode es un entorno completamente funcional<strong>software de diagramas como c\u00f3digo<\/strong>espacio de trabajo para gerentes de proyectos y propietarios de producto:<\/p>\n<ul>\n<li><strong>Gr\u00e1ficos de Gantt:<\/strong>Controla cronogramas de proyectos, dependencias y asignaciones de recursos escribiendo sencillos cronogramas cronol\u00f3gicos.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-mind-map-tool-vpascode-markmap\/\">Markmap<\/a> (Mapas mentales interactivos):<\/strong>Convierte listas est\u00e1ndar de Markdown en hermosos mapas mentales visuales expandibles para sesiones r\u00e1pidas de lluvia de ideas.<\/li>\n<\/ul>\n<\/section>\n<section>\n<h2>La ventaja del ecosistema de inteligencia artificial de Visual Paradigm<\/h2>\n<p>Escribir estos esquemas complejos desde cero puede ser muy tardado. Debido a que VPasCode es un pilar fundamental del<strong>Ecosistema de inteligencia artificial de Visual Paradigm<\/strong>, no tienes que empezar con una p\u00e1gina en blanco.<\/p>\n<p>Genera arquitecturas complejas con el <strong>Visual Paradigm <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot-v2\/\">Chatbot de diagramaci\u00f3n con inteligencia artificial<\/a><\/strong>, haz clic en <strong>\u201cEditar en VPasCode\u201d<\/strong> para traer el c\u00f3digo a tu espacio de trabajo y comenzar a editar de inmediato. Si cometes un error de sintaxis, usa <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/never-get-stuck-on-syntax-again-introducing-ai-code-error-fixing-in-vpascode\/\"><strong>Correcci\u00f3n de errores de c\u00f3digo con inteligencia artificial<\/strong><\/a> para corregirlo, o usa <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/break-language-barriers-natively-with-vpascodes-new-ai-diagram-translation\/\"><strong>Traducci\u00f3n de contenido de c\u00f3digo con inteligencia artificial<\/strong><\/a> para adaptar r\u00e1pidamente las etiquetas para despliegues internacionales.<\/p>\n<p>Cuando hayas terminado tus ediciones, env\u00edalas de inmediato a <strong>Visual Paradigm OpenDocs<\/strong> para publicar documentaci\u00f3n colaborativa y actualizada para tu equipo.<\/p>\n<\/section>\n<section style=\"background-color: #f9f9f9; padding: 20px; border-left: 4px solid #0052cc; border-radius: 4px; margin: 30px 0;\">\n<h3 style=\"margin-top: 0;\">Optimiza tu flujo de documentaci\u00f3n<\/h3>\n<p style=\"margin-bottom: 0;\">No importa qu\u00e9 est\u00e1ndar use tu equipo de arquitectura, VPasCode tiene el motor para soportarlo. Deja de luchar con las herramientas de dise\u00f1o.<a href=\"https:\/\/www.visual-paradigm.com\" rel=\"noopener\" style=\"color: #0052cc; text-decoration: underline; font-weight: bold;\" target=\"_blank\">Prueba hoy Visual Paradigm VPasCode<\/a> y aporta velocidades amigables para desarrolladores a tu dise\u00f1o de sistema.<\/p>\n<\/section>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfBuscas una herramienta de diagramas como c\u00f3digo que haga m\u00e1s que diagramas de flujo b\u00e1sicos? Descubre c\u00f3mo VPasCode admite C4, ArchiMate, ERD, DFD, gr\u00e1ficos de Gantt y UML est\u00e1ndar. Cuando los equipos adoptan una plataforma de diagramas como c\u00f3digo, a menudo se encuentran con un muro. La mayor\u00eda de las herramientas de c\u00f3digo de c\u00f3digo [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":9966,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[69],"tags":[],"class_list":["post-9965","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vpascode","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Beyond UML: Deep Dive into VPasCode Supported Diagrams<\/title>\n<meta name=\"description\" content=\"What diagrams can you edit using code? Explore how VPasCode supports UML, ArchiMate, C4, ERD, DFD, Gantt charts, and Markmap in one unified workspace.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beyond UML: Deep Dive into VPasCode Supported Diagrams\" \/>\n<meta property=\"og:description\" content=\"What diagrams can you edit using code? Explore how VPasCode supports UML, ArchiMate, C4, ERD, DFD, Gantt charts, and Markmap in one unified workspace.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog Espa\u00f1ol\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-17T11:03:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-26T10:21:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a5a0bc5b96e5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1192\" \/>\n\t<meta property=\"og:image:height\" content=\"745\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"vpjick\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpjick\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\",\"name\":\"Beyond UML: Deep Dive into VPasCode Supported Diagrams\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a5a0bc5b96e5.png\",\"datePublished\":\"2026-07-17T11:03:41+00:00\",\"dateModified\":\"2026-07-26T10:21:01+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#\/schema\/person\/9523fd215405a2ff7d083811f1dd7cee\"},\"description\":\"What diagrams can you edit using code? Explore how VPasCode supports UML, ArchiMate, C4, ERD, DFD, Gantt charts, and Markmap in one unified workspace.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a5a0bc5b96e5.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a5a0bc5b96e5.png\",\"width\":1192,\"height\":745},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"M\u00e1s all\u00e1 de UML: Todos los diagramas de arquitectura y datos que puedes editar como c\u00f3digo en VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/es\/\",\"name\":\"Visual Paradigm Blog Espa\u00f1ol\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#\/schema\/person\/9523fd215405a2ff7d083811f1dd7cee\",\"name\":\"vpjick\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ea00182e3e3255bddb24e6686fb0a7b0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ea00182e3e3255bddb24e6686fb0a7b0?s=96&d=mm&r=g\",\"caption\":\"vpjick\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/es\/author\/vpjick\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Beyond UML: Deep Dive into VPasCode Supported Diagrams","description":"What diagrams can you edit using code? Explore how VPasCode supports UML, ArchiMate, C4, ERD, DFD, Gantt charts, and Markmap in one unified workspace.","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:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","og_locale":"es_ES","og_type":"article","og_title":"Beyond UML: Deep Dive into VPasCode Supported Diagrams","og_description":"What diagrams can you edit using code? Explore how VPasCode supports UML, ArchiMate, C4, ERD, DFD, Gantt charts, and Markmap in one unified workspace.","og_url":"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","og_site_name":"Visual Paradigm Blog Espa\u00f1ol","article_published_time":"2026-07-17T11:03:41+00:00","article_modified_time":"2026-07-26T10:21:01+00:00","og_image":[{"width":1192,"height":745,"url":"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a5a0bc5b96e5.png","type":"image\/png"}],"author":"vpjick","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"vpjick","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","url":"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","name":"Beyond UML: Deep Dive into VPasCode Supported Diagrams","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a5a0bc5b96e5.png","datePublished":"2026-07-17T11:03:41+00:00","dateModified":"2026-07-26T10:21:01+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/#\/schema\/person\/9523fd215405a2ff7d083811f1dd7cee"},"description":"What diagrams can you edit using code? Explore how VPasCode supports UML, ArchiMate, C4, ERD, DFD, Gantt charts, and Markmap in one unified workspace.","breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a5a0bc5b96e5.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a5a0bc5b96e5.png","width":1192,"height":745},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/es\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/es\/"},{"@type":"ListItem","position":2,"name":"M\u00e1s all\u00e1 de UML: Todos los diagramas de arquitectura y datos que puedes editar como c\u00f3digo en VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/es\/#website","url":"https:\/\/blog.visual-paradigm.com\/es\/","name":"Visual Paradigm Blog Espa\u00f1ol","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/es\/#\/schema\/person\/9523fd215405a2ff7d083811f1dd7cee","name":"vpjick","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blog.visual-paradigm.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ea00182e3e3255bddb24e6686fb0a7b0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ea00182e3e3255bddb24e6686fb0a7b0?s=96&d=mm&r=g","caption":"vpjick"},"url":"https:\/\/blog.visual-paradigm.com\/es\/author\/vpjick\/"}]}},"modified_by":"vpjick","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/posts\/9965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/comments?post=9965"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/posts\/9965\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media\/9966"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media?parent=9965"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/categories?post=9965"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/es\/wp-json\/wp\/v2\/tags?post=9965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}