{"id":10695,"date":"2026-07-17T19:03:41","date_gmt":"2026-07-17T11:03:41","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/"},"modified":"2026-07-26T18:21:50","modified_gmt":"2026-07-26T10:21:50","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\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","title":{"rendered":"Al\u00e9m do UML: Todos os diagramas de arquitetura e dados que voc\u00ea pode editar como c\u00f3digo no 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;\">Procurando uma ferramenta de diagrama como c\u00f3digo que v\u00e1 al\u00e9m dos fluxogramas b\u00e1sicos? Descubra como o VPasCode suporta C4, ArchiMate, ERDs, DFDs, gr\u00e1ficos de Gantt e UML padr\u00e3o.<\/p>\n<\/header>\n<hr style=\"border: 0; border-top: 1px solid #eee; margin: 20px 0;\"\/>\n<section>Quando equipes adotam um <strong>plataforma de diagrama como c\u00f3digo<\/strong>, elas frequentemente encontram um obst\u00e1culo. A maioria das ferramentas de renderiza\u00e7\u00e3o de c\u00f3digo de c\u00f3digo aberto lida bem com fluxogramas b\u00e1sicos, mas falha completamente quando solicitada a renderizar arquiteturas de TI de n\u00edvel empresarial, esquemas de banco de dados ou cronogramas de projetos. Voc\u00ea n\u00e3o deveria ter que comprometer seus padr\u00f5es de modelagem apenas para obter a velocidade de uma <strong>ferramenta UML baseada em texto<\/strong>.<a href=\"https:\/\/www.vpascode.com\/\"><strong>VPasCode<\/strong><\/a> vai muito al\u00e9m dos tradicionais <strong>software de diagrama\u00e7\u00e3o baseado em c\u00f3digo<\/strong>. Ao unir motores como <strong>PlantUML<\/strong>, <strong>Mermaid<\/strong>, e <strong>Graphviz<\/strong>, atua como um \u00fanico espa\u00e7o centralizado onde voc\u00ea pode editar arquiteturas de software complexas, mapeamentos de banco de dados e mapas mentais como texto limpo e controlado por vers\u00e3o.<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;\">O modelo C4 permite que voc\u00ea visualize a descente do Contexto para Containers e Componentes usando marca\u00e7\u00e3o clara e estruturada.<\/p>\n<\/div>\n<section>\n<h2>1. Arquitetura Empresarial e de Software de Alto N\u00edvel<\/h2>\n<p>O desenvolvimento de software moderno exige mapeamento estrutural claro. O VPasCode suporta os frameworks de arquitetura empresarial mais solicitados:<\/p>\n<ul>\n<li><strong>Modelo C4 (Contexto, Containers, Componentes, C\u00f3digo):<\/strong>Mapeie sua arquitetura de software em m\u00faltiplos n\u00edveis de abstra\u00e7\u00e3o. Usando a sintaxe C4 no Mermaid ou no PlantUML, voc\u00ea pode descrever como os sistemas de software interagem, at\u00e9 o n\u00edvel de implanta\u00e7\u00f5es individuais de containers.<\/li>\n<li><strong>ArchiMate:<\/strong>Para arquitetos empresariais, o VPasCode suporta modelagem ArchiMate. Mapeie processos de neg\u00f3cios, servi\u00e7os de aplicativos e camadas de infraestrutura em texto simples sem depender de ferramentas pesadas e lentas de modelagem para desktop.<\/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. Modelagem T\u00e9cnica de UML<\/h2>\n<p>Para uma edi\u00e7\u00e3o profunda de <strong>edi\u00e7\u00e3o de diagramas UML baseada em texto<\/strong>, o VPasCode oferece uma tela de edi\u00e7\u00e3o robusta. Seja para mapear o comportamento do sistema ou plantas de software, voc\u00ea pode escrever e gerenciar:<\/p>\n<ul>\n<li><strong>Diagrama de classes e diagrama de objetos:<\/strong>Para definir estruturas de c\u00f3digo e rela\u00e7\u00f5es entre objetos.<\/li>\n<li><strong>Diagrama de sequ\u00eancia:<\/strong>Essencial para mapear chamadas de API e fluxos de trabalho multi-servi\u00e7o.<\/li>\n<li><strong>Diagrama de casos de uso e diagrama de atividades:<\/strong>Para documentar a l\u00f3gica de neg\u00f3cios e os requisitos do sistema.<\/li>\n<li><strong>Diagrama de estado:<\/strong>Perfeito para rastrear mudan\u00e7as no ciclo de vida dentro de um sistema.<\/li>\n<li><strong>Diagrama de componentes e diagrama de implanta\u00e7\u00e3o:<\/strong>Para visualizar n\u00f3s de hardware f\u00edsico e layouts de microservi\u00e7os.<\/li>\n<li><strong>Diagrama de tempo:<\/strong>Para analisar limita\u00e7\u00f5es de desempenho e ordem de execu\u00e7\u00e3o.<\/li>\n<\/ul>\n<\/section>\n<section>\n<h2>3. Modelagem de Dados e Processos<\/h2>\n<p>Pipelines de dados e relacionamentos de banco de dados devem mudar com a mesma rapidez que seu aplicativo. O VPasCode permite editar modelos centrados em dados usando scripts de c\u00f3digo intuitivos:<\/p>\n<ul>\n<li><strong>Diagramas de Relacionamento de Entidades (ERD):<\/strong>Modelar esquemas de banco de dados relacionais de forma limpa em texto simples usando a nota\u00e7\u00e3o Crow\u2019s Foot.<\/li>\n<li><strong>Diagramas de Fluxo de Dados (DFD):<\/strong>Monitore como as informa\u00e7\u00f5es se movem atrav\u00e9s dos seus sistemas, processos e atores externos.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/next-gen-ai-flowchart-generator-clearer-process-workflows-made-simple\/\">Fluxogramas<\/a>:<\/strong>Esboce rapidamente caminhos de tomada de decis\u00e3o l\u00f3gica e la\u00e7os condicionais.<\/li>\n<\/ul>\n<\/section>\n<section>\n<h2>4. Roadmap do Produto e Ferramentas de Brainstorming<\/h2>\n<p>Documenta\u00e7\u00e3o t\u00e9cnica n\u00e3o \u00e9 apenas sobre plantas de software. O VPasCode \u00e9 um ambiente totalmente capaz<strong>software de diagramas como c\u00f3digo<\/strong>espa\u00e7o de trabalho para gerentes de projetos e donos de produto:<\/p>\n<ul>\n<li><strong>Gr\u00e1ficos de Gantt:<\/strong>Acompanhe cronogramas de projetos, depend\u00eancias e aloca\u00e7\u00f5es de recursos escrevendo cronogramas cronol\u00f3gicos simples.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-mind-map-tool-vpascode-markmap\/\">Markmap<\/a> (Mapas Mentais Interativos):<\/strong>Transforme listas padr\u00e3o em Markdown em mapas mentais visuais belos e expans\u00edveis para sess\u00f5es r\u00e1pidas de brainstorming.<\/li>\n<\/ul>\n<\/section>\n<section>\n<h2>A vantagem do Ecossistema de IA do Visual Paradigm<\/h2>\n<p>Escrever esses esquemas complexos do zero pode ser demorado. Como o VPasCode \u00e9 um pilar fundamental do<strong>Ecossistema de IA do Visual Paradigm<\/strong>, voc\u00ea n\u00e3o precisa come\u00e7ar com uma p\u00e1gina em branco.<\/p>\n<p>Gere arquiteturas complexas com o <strong>Visual Paradigm <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot-v2\/\">Chatbot de Diagrama\u00e7\u00e3o com IA<\/a><\/strong>, clique em <strong>\u201cEditar no VPasCode\u201d<\/strong> para trazer o c\u00f3digo para sua \u00e1rea de trabalho e come\u00e7ar a editar instantaneamente. Se voc\u00ea cometer um erro de sintaxe, use <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/never-get-stuck-on-syntax-again-introducing-ai-code-error-fixing-in-vpascode\/\"><strong>Corre\u00e7\u00e3o de Erros de C\u00f3digo com IA<\/strong><\/a> para corrigi-lo, ou use <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/break-language-barriers-natively-with-vpascodes-new-ai-diagram-translation\/\"><strong>Tradu\u00e7\u00e3o de Conte\u00fado de C\u00f3digo com IA<\/strong><\/a> para adaptar rapidamente r\u00f3tulos para implanta\u00e7\u00f5es internacionais.<\/p>\n<p>Quando suas edi\u00e7\u00f5es estiverem conclu\u00eddas, envie-as imediatamente para <strong>Visual Paradigm OpenDocs<\/strong> para publicar documenta\u00e7\u00e3o colaborativa e atualizada para a sua equipe.<\/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;\">Otimize o Fluxo da Sua Documenta\u00e7\u00e3o<\/h3>\n<p style=\"margin-bottom: 0;\">N\u00e3o importa qual padr\u00e3o sua equipe de arquitetura utiliza, o VPasCode tem o motor para suport\u00e1-lo. Pare de lutar com ferramentas de layout. <a href=\"https:\/\/www.visual-paradigm.com\" rel=\"noopener\" style=\"color: #0052cc; text-decoration: underline; font-weight: bold;\" target=\"_blank\">Experimente o Visual Paradigm VPasCode hoje<\/a> e traga velocidades amig\u00e1veis para desenvolvedores para o seu design de sistema.<\/p>\n<\/section>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Procurando uma ferramenta de diagrama como c\u00f3digo que v\u00e1 al\u00e9m dos fluxogramas b\u00e1sicos? Descubra como o VPasCode suporta C4, ArchiMate, ERDs, DFDs, gr\u00e1ficos de Gantt e UML padr\u00e3o. Quando equipes adotam um plataforma de diagrama como c\u00f3digo, elas frequentemente encontram um obst\u00e1culo. A maioria das ferramentas de renderiza\u00e7\u00e3o de c\u00f3digo de c\u00f3digo aberto lida bem [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":10696,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[67],"tags":[],"class_list":["post-10695","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\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\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\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog\" \/>\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:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/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=\"Tempo estimado de leitura\" \/>\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\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/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\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a5a0bc5b96e5.png\",\"datePublished\":\"2026-07-17T11:03:41+00:00\",\"dateModified\":\"2026-07-26T10:21:50+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/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\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a5a0bc5b96e5.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a5a0bc5b96e5.png\",\"width\":1192,\"height\":745},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/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\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Al\u00e9m do UML: Todos os diagramas de arquitetura e dados que voc\u00ea pode editar como c\u00f3digo no VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/9523fd215405a2ff7d083811f1dd7cee\",\"name\":\"vpjick\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/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\/pt\/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\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","og_locale":"pt_PT","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\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2026-07-17T11:03:41+00:00","article_modified_time":"2026-07-26T10:21:50+00:00","og_image":[{"width":1192,"height":745,"url":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a5a0bc5b96e5.png","type":"image\/png"}],"author":"vpjick","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"vpjick","Tempo estimado de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","url":"https:\/\/blog.visual-paradigm.com\/pt\/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\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a5a0bc5b96e5.png","datePublished":"2026-07-17T11:03:41+00:00","dateModified":"2026-07-26T10:21:50+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/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\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/blog.visual-paradigm.com\/pt\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a5a0bc5b96e5.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a5a0bc5b96e5.png","width":1192,"height":745},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/pt\/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\/pt\/"},{"@type":"ListItem","position":2,"name":"Al\u00e9m do UML: Todos os diagramas de arquitetura e dados que voc\u00ea pode editar como c\u00f3digo no VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#website","url":"https:\/\/blog.visual-paradigm.com\/pt\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/9523fd215405a2ff7d083811f1dd7cee","name":"vpjick","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/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\/pt\/author\/vpjick\/"}]}},"modified_by":"vpjick","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts\/10695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/comments?post=10695"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts\/10695\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media\/10696"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media?parent=10695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/categories?post=10695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/tags?post=10695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}