{"id":2090,"date":"2026-07-02T09:03:07","date_gmt":"2026-07-02T09:03:07","guid":{"rendered":"https:\/\/www.vpascode.com\/pt\/docs\/uncategorized\/mermaid-js-venn-diagram-syntax-layout-guide\/"},"modified":"2026-07-02T09:03:07","modified_gmt":"2026-07-02T09:03:07","slug":"mermaid-js-venn-diagram-syntax-layout-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","title":{"rendered":"Guia de Sintaxe e Layout do Diagrama de Venn do Mermaid.js"},"content":{"rendered":"

Diagramas de Venn mostram rela\u00e7\u00f5es l\u00f3gicas entre conjuntos ou grupos de dados diferentes usando c\u00edrculos sobrepostos. Essa abordagem baseada em texto permite ilustrar rapidamente conceitos que residem na interse\u00e7\u00e3o de m\u00faltiplas categorias, sem precisar manipular ferramentas manuais de design gr\u00e1fico.<\/p>\n

Estrutura B\u00e1sica de Sintaxe<\/h2>\n

Todo diagrama de Venn come\u00e7a com o venn-beta<\/code> declara\u00e7\u00e3o, seguida pela defini\u00e7\u00e3o de grupos individuais usando o set<\/code> palavra-chave. Em seguida, voc\u00ea define como esses grupos se sobrep\u00f5em usando o union<\/code> palavra-chave.<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdite o Mermaid no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Mermaid<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Mermaid in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
venn-beta\r\nset GrupoA [\"R\u00f3tulo A\"]\r\nset GrupoB [\"R\u00f3tulo B\"]\r\nunion GrupoA, GrupoB [\"R\u00f3tulo da Interse\u00e7\u00e3o\"]<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdite o Mermaid no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
Refer\u00eancia de Sintaxe<\/h2>\n
A tabela abaixo detalha os elementos principais usados para construir um diagrama de Venn no Mermaid.js.<\/p>\n\n\n\n\n\n\n\n\n\n
Componente<\/th>\nDescri\u00e7\u00e3o<\/th>\nExemplo de Sintaxe<\/th>\n<\/tr>\n<\/thead>\n
Declara\u00e7\u00e3o<\/strong><\/td>\nInicializa o renderizador do diagrama de Venn (atualmente em beta).<\/td>\nvenn-beta<\/code><\/td>\n<\/tr>\n
Set<\/strong><\/td>\nDefine uma categoria de dados independente ou um c\u00edrculo. Sempre forne\u00e7a um identificador e uma etiqueta de exibi\u00e7\u00e3o.<\/td>\nset A [\"Equipe de Marketing\"]<\/code><\/td>\n<\/tr>\n
Union<\/strong><\/td>\nDefine uma \u00e1rea de sobreposi\u00e7\u00e3o entre dois ou mais conjuntos. Separe os identificadores com uma v\u00edrgula.<\/td>\nunion A,B [\"Metas Compartilhadas\"]<\/code><\/td>\n<\/tr>\n
Modificador de Tamanho<\/strong><\/td>\nUm opcional :N<\/code> sufixo que escala o tamanho do c\u00edrculo ou da interse\u00e7\u00e3o de forma relativa.<\/td>\nset A [\"Grupo Grande\"]:15<\/code><\/td>\n<\/tr>\n
N\u00f3 de Texto<\/strong><\/td>\nUm bloco recuado usado para listar pontos espec\u00edficos diretamente dentro de um conjunto ou \u00e1rea de interse\u00e7\u00e3o.<\/td>\ntext ItemId [\"Marcador Espec\u00edfico\"]<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n
Plano Real: An\u00e1lise de Oportunidade de Produto<\/h2>\n
Este plano demonstra um framework cl\u00e1ssico de estrat\u00e9gia de desenvolvimento de produto que mapeia os pontos de dor do usu\u00e1rio, os objetivos do neg\u00f3cio e a viabilidade t\u00e9cnica para identificar com precis\u00e3o o lan\u00e7amento ideal de um recurso.<\/p>\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdite o Mermaid no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Mermaid<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
venn-beta\r\nset NecessidadeDoUsuario [\"Pontos de Dor do Usu\u00e1rio\"]\r\nset MetaDeNeg\u00f3cios [\"Valores de Neg\u00f3cios\"]\r\nset ViabilidadeT\u00e9cnica [\"Capacidade T\u00e9cnica\"]\r\n\r\nunion NecessidadeDoUsuario, MetaDeNeg\u00f3cios [\"Vit\u00f3rias Estrat\u00e9gicas\"]\r\nunion NecessidadeDoUsuario, ViabilidadeT\u00e9cnica [\"Recursos N\u00e3o Monetizados\"]\r\nunion MetaDeNeg\u00f3cios, ViabilidadeT\u00e9cnica [\"Automa\u00e7\u00e3o Interna\"]\r\n\r\nunion NecessidadeDoUsuario, MetaDeNeg\u00f3cios, ViabilidadeT\u00e9cnica [\"O Ponto Ideal do Produto\"]<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdite o Mermaid no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n\n
Dica de Sintaxe:<\/strong> Quando usar tr\u00eas ou mais categorias, o Mermaid mapeia automaticamente as interse\u00e7\u00f5es aninhadas para voc\u00ea. Basta declarar a \u00faltima interse\u00e7\u00e3o de tr\u00eas viasunion<\/code> com todos os tr\u00eas identificadores separados por v\u00edrgulas, e o motor colocar\u00e1 a etiqueta perfeitamente na sobreposi\u00e7\u00e3o central.<\/em><\/p>\n\n
Conceito Avan\u00e7ado: Marcadores e Dimensionamento<\/h2>\n
Para documenta\u00e7\u00e3o mais t\u00e9cnica, voc\u00ea pode inserir marcadores de texto espec\u00edficos diretamente em seus c\u00edrculos e ajustar a escala dos c\u00edrculos para representar propor\u00e7\u00f5es reais (como tamanhos de banco de dados ou n\u00famero de equipes).<\/p>\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdite o Mermaid no VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Mermaid<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
venn-beta\r\nset Front [\"Frontend\"]:10\r\n  text F1 [\"React\"]\r\n  text F2 [\"CSS\"]\r\nset Back [\"Backend\"]:15\r\n  text B1 [\"Node.js\"]\r\n  text B2 [\"PostgreSQL\"]\r\n\r\nunion Front, Back [\"Full-Stack\"]:3\r\n  text FB1 [\"Especifica\u00e7\u00f5es OpenAPI\"]\r\n  text FB2 [\"Next.js SSR\"]\r\n\r\nstyle Front fill:#E8F4FD, stroke:#0072B1\r\nstyle Back fill:#FDF0E8, stroke:#E06000<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdite o Mermaid no VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
Armadilhas Comuns de Sintaxe<\/h2>\n
Diagramas de Venn s\u00e3o novos no n\u00facleo da sintaxe do Mermaid. Mantenha estas tr\u00eas regras de design estrutural em mente para garantir que seus gr\u00e1ficos sejam exibidos suavemente:<\/p>\n
    \n
  • Priorize a Ordem:<\/strong> Voc\u00ea deve declarar completamente suas linhas individuaisset<\/code> antes de referenci\u00e1-las em qualquerunion<\/code> bloco. Referenciar um identificador que n\u00e3o tenha sido criado explicitamente quebrar\u00e1 a compila\u00e7\u00e3o.<\/li>\n
  • Observe as v\u00edrgulas da uni\u00e3o:<\/strong> Ao construir uma uni\u00e3o<\/code> de m\u00faltiplos conjuntos, certifique-se de que h\u00e1 v\u00edrgulas separando seus identificadores, mas nenhuma v\u00edrgula ap\u00f3s a \u00faltima antes da etiqueta entre colchetes. uni\u00e3o A, B, C [\"R\u00f3tulo\"]<\/code> est\u00e1 correto.<\/li>\n
  • Estabilidade da Vers\u00e3o Beta:<\/strong> Como este estilo de layout usa a venn-beta<\/code>bandeira, regras avan\u00e7adas de estiliza\u00e7\u00e3o personalizada de elementos podem mudar entre vers\u00f5es. Mantenha-se com c\u00f3digos de cores hexadecimais b\u00e1sicos para preenchimento<\/code> e tra\u00e7o<\/code> vari\u00e1veis para m\u00e1xima compatibilidade cruzada.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Diagramas de Venn mostram rela\u00e7\u00f5es l\u00f3gicas entre conjuntos ou grupos de dados diferentes usando c\u00edrculos sobrepostos. Essa abordagem baseada em texto permite ilustrar rapidamente conceitos que residem na interse\u00e7\u00e3o de m\u00faltiplas categorias, sem precisar manipular ferramentas manuais de design gr\u00e1fico….<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":11,"template":"","meta":{"inline_featured_image":false,"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":"","ast-disable-related-posts":"","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":""}}},"ld_collection":[14],"class_list":["post-2090","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nMermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/\",\"name\":\"Mermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a46298fd9cf8.png\",\"datePublished\":\"2026-07-02T09:03:07+00:00\",\"description\":\"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a46298fd9cf8.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a46298fd9cf8.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Guia de Sintaxe e Layout do Diagrama de Venn do Mermaid.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/wp-content\\\/uploads\\\/sites\\\/10\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/wp-content\\\/uploads\\\/sites\\\/10\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide","description":"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.","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:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","og_locale":"pt_PT","og_type":"article","og_title":"Mermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide","og_description":"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","url":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","name":"Mermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png","datePublished":"2026-07-02T09:03:07+00:00","description":"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/pt\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Guia de Sintaxe e Layout do Diagrama de Venn do Mermaid.js"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/pt\/#website","url":"https:\/\/www.vpascode.com\/pt\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/pt\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.vpascode.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/pt\/wp-content\/uploads\/sites\/10\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/pt\/wp-content\/uploads\/sites\/10\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/pt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/ld_docs\/2090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/media?parent=2090"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/ld_collection?post=2090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}