{"id":2083,"date":"2026-07-08T05:34:20","date_gmt":"2026-07-08T05:34:20","guid":{"rendered":"https:\/\/www.vpascode.com\/pt\/docs\/uncategorized\/mermaid-js-wardley-map-syntax-strategy-guide\/"},"modified":"2026-07-08T05:34:20","modified_gmt":"2026-07-08T05:34:20","slug":"mermaid-js-wardley-map-syntax-strategy-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","title":{"rendered":"Sintaxe do Mapa Wardley do Mermaid.js e Guia de Estrat\u00e9gia"},"content":{"rendered":"<p>Um Mapa Wardley \u00e9 um framework poderoso usado para estrat\u00e9gia de neg\u00f3cios para visualizar cadeias de valor e mapear a evolu\u00e7\u00e3o de componentes. Introduzido como um recurso nativo na vers\u00e3o Mermaid v11.14.0+, o <code>wardley-beta<\/code>motor permite que equipes de estrat\u00e9gia, arquitetos e gerentes de produtos mapeiem ambientes de mercado usando apenas texto. Ao posicionar componentes t\u00e9cnicos em um espa\u00e7o de coordenadas bidimensional, as equipes podem analisar visualmente depend\u00eancias na cadeia de valor, identificar in\u00e9rcia de mercado e tomar decis\u00f5es estruturadas entre construir ou adquirir.<\/p>\n<h2>Compreendendo o Sistema de Grade de Coordenadas<\/h2>\n<p>Diferentemente dos fluxogramas livres padr\u00e3o, cada componente em um Mapa Wardley \u00e9 plotado em um espa\u00e7o bidimensional r\u00edgido baseado em duas coordenadas decimais que variam de <code>0.0<\/code> a <code>1.0<\/code>:<\/p>\n<ul>\n<li><strong>Visibilidade (Eixo Y \/ Primeira Coordenada):<\/strong> Mede o qu\u00e3o vis\u00edvel ou valioso um componente \u00e9 para um usu\u00e1rio final. Um valor de <code>1.0<\/code> representa um ponto de contato direto com o usu\u00e1rio (maior visibilidade), enquanto <code>0.0<\/code> representa infraestrutura fundamental oculta.<\/li>\n<li><strong>Evolu\u00e7\u00e3o (Eixo X \/ Segunda Coordenada):<\/strong> Mede o n\u00edvel de maturidade de um ativo de mercado. Ele se desloca da esquerda para a direita atrav\u00e9s de quatro fases evolutivas distintas: <em>G\u00eanese<\/em> (0.0), <em>Personalizado<\/em> (0.25), <em>Produto\/Aluguel<\/em> (0,5), e <em>Commodity\/Utilidade<\/em> (de 0,75 a 1,0).<\/li>\n<\/ul>\n<h2>Estrutura B\u00e1sica da Sintaxe<\/h2>\n<p>Todo diagrama come\u00e7a com o <code>wardley-beta<\/code>cabe\u00e7alho de declara\u00e7\u00e3o. Em seguida, voc\u00ea estabelece pontos de ancoragem do usu\u00e1rio com o <code>ancorar<\/code>palavra-chave, mapeie os blocos de infraestrutura operacional com o <code>componente<\/code>palavra-chave, e desenhe rela\u00e7\u00f5es entre eles usando setas direcionais.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5SrJLMlJVQjOzC0AUSVFiSWp6ZUKvokFvFyJeckZ+UUKzqXFJfm5qUUK0QZ6ljoKBnqmsbxcyfm5Bfl5qXklCuGpScWZJakgWXOQrAlQFq5F1w4mDwBHQyaX\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5So5vLakNCdfwTexIFHBtbikKLHk8Mr0zOR8heDM3IKc1GJersS85PyixCIF55zM1LySVIVoAz1LHQUDPdNYXq7k\/NyC\/DywcHhqUnEmRNocJG0ClIZp0bWDSQMAQu8q0w==\" \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 Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">wardley-beta\r\nt\u00edtulo Mapa Estrat\u00e9gico Simples\r\nancorar Cliente [0.9, 0.5]\r\ncomponente Website [0.7, 0.4]\r\nCliente -&gt; Website<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5So5vLakNCdfwTexIFHBtbikKLHk8Mr0zOR8heDM3IKc1GJersS85PyixCIF55zM1LySVIVoAz1LHQUDPdNYXq7k\/NyC\/DywcHhqUnEmRNocJG0ClIZp0bWDSQMAQu8q0w==\" \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 Mermaid 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\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5SrJLMlJVQjOzC0AUSVFiSWp6ZUKvokFvFyJeckZ+UUKzqXFJfm5qUUK0QZ6ljoKBnqmsbxcyfm5Bfl5qXklCuGpScWZJakgWXOQrAlQFq5F1w4mDwBHQyaX\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edite Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>\u00a0<\/p>\n<p id=\"FDfuadJ\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-939\" decoding=\"async\" fetchpriority=\"high\" height=\"600\" sizes=\"(max-width: 900px) 100vw, 900px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f.png 900w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f-300x200.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f-768x512.png 768w\" width=\"900\"\/><\/p>\n<h2>Refer\u00eancia de Sintaxe<\/h2>\n<p>A tabela abaixo detalha os blocos principais sem\u00e2nticos e par\u00e2metros necess\u00e1rios para estruturar um Mapa de Wardley dentro do interpretador central do Mermaid.<\/p>\n<table border=\"1\" cellpadding=\"5\" cellspacing=\"0\">\n<thead>\n<tr>\n<th>Componente de Sintaxe<\/th>\n<th>Tipo Requisito<\/th>\n<th>Descri\u00e7\u00e3o e Regras de Uso<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Declara\u00e7\u00e3o<\/strong><\/td>\n<td>Identificador de Palavra-Chave<\/td>\n<td>Inicializa a tela de mapeamento da grade estrat\u00e9gica. Deve usar exatamente o <code>wardley-beta<\/code>string de bloco.<\/td>\n<\/tr>\n<tr>\n<td><strong>T\u00edtulo<\/strong><\/td>\n<td>String Simples\/Entre Aspas<\/td>\n<td>Um t\u00edtulo opcional impresso centralizado na parte superior da \u00e1rea de trabalho da grade do diagrama.<\/td>\n<\/tr>\n<tr>\n<td><strong>Limites de Tamanho<\/strong><\/td>\n<td>Pixels entre Colchetes<\/td>\n<td>Um par\u00e2metro opcional usado para substituir a grade padr\u00e3o de largura e altura da tela: <code>tamanho [1200, 700]<\/code>.<\/td>\n<\/tr>\n<tr>\n<td><strong>N\u00f3 de Ancoragem<\/strong><\/td>\n<td>Palavra-Chave + R\u00f3tulos<\/td>\n<td>Estabelece o usu\u00e1rio ou comprador principal no topo da sua matriz da cadeia de valor. Requer limites de coordenadas: <code>ancorar Comprador [Y, X]<\/code>.<\/td>\n<\/tr>\n<tr>\n<td><strong>N\u00f3 de Componente<\/strong><\/td>\n<td>Palavra-chave + R\u00f3tulos<\/td>\n<td>Declara um recurso t\u00e9cnico independente ou bloco de ativo. Exige limites de posi\u00e7\u00e3o exatos: <code>componente API Central [Y, X]<\/code>.<\/td>\n<\/tr>\n<tr>\n<td><strong>Caminhos de Liga\u00e7\u00e3o<\/strong><\/td>\n<td>Operador de Conex\u00e3o<\/td>\n<td>Desenha depend\u00eancias diretas e estruturadas para baixo ou horizontalmente atrav\u00e9s dos n\u00f3s por meio do <code>-&gt;<\/code> regra de sintaxe.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr\/>\n<h2>Marcadores de A\u00e7\u00e3o Estrat\u00e9gica (Construir, Comprar, Terceirizar, Mercado)<\/h2>\n<p>Para documentar explicitamente planos de execu\u00e7\u00e3o estrat\u00e9gica, o Mermaid.js permite anexar envolt\u00f3rios de a\u00e7\u00e3o a componentes individuais. Essas a\u00e7\u00f5es colocam formas distintas no n\u00f3 de coordenadas para transmitir escolhas arquitet\u00f4nicas instantaneamente:<\/p>\n<table border=\"1\" cellpadding=\"5\" cellspacing=\"0\">\n<thead>\n<tr>\n<th>Modificador de A\u00e7\u00e3o<\/th>\n<th>\u00cdcone de Forma Renderizada<\/th>\n<th>Mapeamento de Inten\u00e7\u00e3o Estrat\u00e9gica<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>(construir)<\/code><\/td>\n<td>Marcador Triangular<\/td>\n<td>O componente \u00e9 \u00fanico, de alto risco ou desenvolvido internamente para diferencia\u00e7\u00e3o competitiva.<\/td>\n<\/tr>\n<tr>\n<td><code>(comprar)<\/code><\/td>\n<td>Marcador Diamante<\/td>\n<td>O componente \u00e9 obtido ou licenciado de um fornecedor de produto de terceiros.<\/td>\n<\/tr>\n<tr>\n<td><code>(terceirizar)<\/code><\/td>\n<td>Marcador Quadrado<\/td>\n<td>A gest\u00e3o do componente \u00e9 totalmente delegada para um grupo externo de fornecedores.<\/td>\n<\/tr>\n<tr>\n<td><code>(mercado)<\/code><\/td>\n<td>Marcador Circular<\/td>\n<td>O componente \u00e9 uma utilidade amplamente dispon\u00edvel ou bem p\u00fablico.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Exemplo de Implementa\u00e7\u00e3o de Sintaxe:<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5UrOzy3Iz0vNK1FwLi0uyc9VCPVUiDbQszDQUTDQMzaIVdBIKs3MSdFEVhmQWJkLpovyk1OLi\/OLQDpMTEE6zEzBOio1AcVoIG4=\" 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 Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpNzDEKwkAQRuFe8A5TGtCwoBGvYJdeUvzujhLIzoSZFUlOb2KV9sH3vrA08HR6csF+FzWPKiyF7lLYXohMLZurYOhnJNAj1LdwpFCfQ0eHqOLFPr1VW9uaRnZHUqO0DPBGXrr6qi\/Nqq\/NX+fRYNUP8cgsjw==\" \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 Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">wardley-beta\r\ncomponent Interface Personalizada [0.80, 0.30] (construir)\r\ncomponent Processador de Pagamentos [0.45, 0.65] (comprar)<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpNzDEKwkAQRuFe8A5TGtCwoBGvYJdeUvzujhLIzoSZFUlOb2KV9sH3vrA08HR6csF+FzWPKiyF7lLYXohMLZurYOhnJNAj1LdwpFCfQ0eHqOLFPr1VW9uaRnZHUqO0DPBGXrr6qi\/Nqq\/NX+fRYNUP8cgsjw==\" \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 Mermaid 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\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5UrOzy3Iz0vNK1FwLi0uyc9VCPVUiDbQszDQUTDQMzaIVdBIKs3MSdFEVhmQWJkLpovyk1OLi\/OLQDpMTEE6zEzBOio1AcVoIG4=\" 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 Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"AARxkUc\"><img alt=\"\" class=\"alignnone size-full wp-image-940\" decoding=\"async\" height=\"600\" sizes=\"(max-width: 900px) 100vw, 900px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de30a2df5f.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de30a2df5f.png 900w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de30a2df5f-300x200.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de30a2df5f-768x512.png 768w\" width=\"900\"\/><\/p>\n<hr\/>\n<h2>Plano Pr\u00e1tico do Mundo Real: Cadeia de Valor de uma Loja de Caf\u00e9 Artesanal<\/h2>\n<p>Este plano abrangente rastreia um modelo de neg\u00f3cios de loja em expans\u00e3o. Ele descreve uma arquitetura completa do mapa \u2014 configurando um limite de tamanho personalizado maior, estabelecendo \u00e2ncoras de neg\u00f3cios, definindo marcadores especializados de construir\/comprar e tra\u00e7ando links de depend\u00eancia em todas as fases dos eixos.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1kEFrwkAQhe8L+x8GQaigEsEoXgo2te3BomChB\/Gwbia6mOyG3Q2S\/vpOohWt8bIMy3vzzXtHYeMUy94WveDMK58itCKRILwUTml0DlbeCo+7Ej5F3uLMqR+E9WAQBF0YhcGGM87abYiMvfJMtdwb6zgT9QBvthqUQ1gcNVpYB\/1J2IWgH4abi2imY4gK5012VgSVYhT+IRY50iXKaJESLsuNRu1hLkqsSPLys8pRKpH6klRJgljtGte0YbiBp22h0rhzbVgaRa9JYCUo\/hfaTFUMso1OJwS1rbwxTQs6lIqJ4cN4+KapPnpYg8YVKBP2gP7GNEtReqskbX+3Kiby8WQb1LZJBTKFd6awEjvn3K+Yo45RSwq0F0rDXOmD0jtYCr+n5De99Z7v8nP2v34SNWfm7K480jZE5exBaSRvDMlZU2GP1L+nONVX\" 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 Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9ks9KAzEQh++BvMNQEBSsbMGteBGk1pt\/ES+lhzE71oHdZM1mEb3pm4gHqVcfIS\/mbLRiwfac+eab+U0e0BclPfZvKKBWgUNJ0DvBGmHcBI8hzmdsHBQEpzSLn4ZdA4WDEd7GeU+rhp8IJoNBlm3DMM+mWmm1sQHxxRrnsYFzz9ZwjdwstdAKrblzXt5d7ZlCfPUsFoRjj\/a+ZYRJtrOfb0O2k+fT3\/JRyWQDwTFbLFNJ1pUM84V4hBUWmGQjV9XOduUNnNXkUcRWBtHKLF6+15BNazKMJT+hrCZd95J4N5\/CpnFWcmjZb\/3lrshXaQTxnDsbXDJeky3S4MPvqbLEV7XHZTo+z1qEizatctgGV2Ho3IndTe69zl2RNzLREju25GcSjxRfkjjHZZwHzyaxg8Tud94gLLGXtp17kQ3bu59R5SxtifE9vjmgSt4K6roSHFEta8QPOZt8iOXA+wf\/JabV6isKsSYr6f\/PAYRZmZBW66IXcmU+Wq2OfR33BcZOE1o=\" \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 Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">wardley-beta\r\ntitle \"Mapa Estrat\u00e9gico de Neg\u00f3cios do Caf\u00e9\"\r\nsize [1100, 650]\r\n\r\n%% \u00c2ncoras Principais de Neg\u00f3cios\r\nanchor Propriet\u00e1rio da Franquia [0.95, 0.55]\r\nanchor Cliente Final [0.90, 0.65]\r\n\r\n%% Camadas de Componentes Operacionais\r\ncomponent Caf\u00e9 Especializado [0.75, 0.45] (construir)\r\ncomponent Terminal de Pontos de Venda [0.60, 0.60] (comprar)\r\ncomponent \u00c1gua Quente Automatizada [0.45, 0.75] (mercado)\r\ncomponent Energia da Rede El\u00e9trica [0.15, 0.90] (terceirizar)\r\n\r\n%% Caminhos de Vincula\u00e7\u00e3o em Cadeia de Depend\u00eancia\r\nCliente Final -&gt; Caf\u00e9 Especializado\r\nPropriet\u00e1rio da Franquia -&gt; Terminal de Pontos de Venda\r\nCaf\u00e9 Especializado -&gt; \u00c1gua Quente Automatizada\r\nTerminal de Pontos de Venda -&gt; Energia da Rede El\u00e9trica\r\n\u00c1gua Quente Automatizada -&gt; Energia da Rede El\u00e9trica<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9ks9KAzEQh++BvMNQEBSsbMGteBGk1pt\/ES+lhzE71oHdZM1mEb3pm4gHqVcfIS\/mbLRiwfac+eab+U0e0BclPfZvKKBWgUNJ0DvBGmHcBI8hzmdsHBQEpzSLn4ZdA4WDEd7GeU+rhp8IJoNBlm3DMM+mWmm1sQHxxRrnsYFzz9ZwjdwstdAKrblzXt5d7ZlCfPUsFoRjj\/a+ZYRJtrOfb0O2k+fT3\/JRyWQDwTFbLFNJ1pUM84V4hBUWmGQjV9XOduUNnNXkUcRWBtHKLF6+15BNazKMJT+hrCZd95J4N5\/CpnFWcmjZb\/3lrshXaQTxnDsbXDJeky3S4MPvqbLEV7XHZTo+z1qEizatctgGV2Ho3IndTe69zl2RNzLREju25GcSjxRfkjjHZZwHzyaxg8Tud94gLLGXtp17kQ3bu59R5SxtifE9vjmgSt4K6roSHFEta8QPOZt8iOXA+wf\/JabV6isKsSYr6f\/PAYRZmZBW66IXcmU+Wq2OfR33BcZOE1o=\" \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 Mermaid 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\/editor\/#mermaid:eNp1kEFrwkAQhe8L+x8GQaigEsEoXgo2te3BomChB\/Gwbia6mOyG3Q2S\/vpOohWt8bIMy3vzzXtHYeMUy94WveDMK58itCKRILwUTml0DlbeCo+7Ej5F3uLMqR+E9WAQBF0YhcGGM87abYiMvfJMtdwb6zgT9QBvthqUQ1gcNVpYB\/1J2IWgH4abi2imY4gK5012VgSVYhT+IRY50iXKaJESLsuNRu1hLkqsSPLys8pRKpH6klRJgljtGte0YbiBp22h0rhzbVgaRa9JYCUo\/hfaTFUMso1OJwS1rbwxTQs6lIqJ4cN4+KapPnpYg8YVKBP2gP7GNEtReqskbX+3Kiby8WQb1LZJBTKFd6awEjvn3K+Yo45RSwq0F0rDXOmD0jtYCr+n5De99Z7v8nP2v34SNWfm7K480jZE5exBaSRvDMlZU2GP1L+nONVX\" 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 Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"IqhvEpm\"><img alt=\"\" class=\"alignnone size-full wp-image-941\" decoding=\"async\" height=\"650\" sizes=\"(max-width: 1100px) 100vw, 1100px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de320944ae.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de320944ae.png 1100w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de320944ae-300x177.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de320944ae-1024x605.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de320944ae-768x454.png 768w\" width=\"1100\"\/><\/p>\n<hr\/>\n<p><em><strong>Dica de Sintaxe:<\/strong> Ao declarar arrays de coordenadas, lembre-se de que o valor do eixo vertical Y (Visibilidade) vem *primeiro*, e o valor do eixo horizontal X (Evolu\u00e7\u00e3o) vem *segundo* <code>[Visibilidade, Evolu\u00e7\u00e3o]<\/code>. Inverter essas posi\u00e7\u00f5es \u00e9 a causa mais comum de os componentes se agruparem incorretamente na borda inferior da sua tela do mapa.<\/em><\/p>\n<hr\/>\n<h2>Armadilhas Comuns de Sintaxe e Restri\u00e7\u00f5es do Sistema<\/h2>\n<p>Ao compilar espa\u00e7os da cadeia de valor, tenha em mente essas tr\u00eas limita\u00e7\u00f5es de layout para garantir que seu texto seja renderizado corretamente:<\/p>\n<ul>\n<li><strong>Faixas Estritas de Coordenadas:<\/strong> As posi\u00e7\u00f5es devem estar exatamente dentro dos colchetes decimais entre <code>0.0<\/code> e <code>1.0<\/code>. Usar pixels inteiros absolutos (como <code>[400, 200]<\/code>) em vez de propor\u00e7\u00f5es de layout dentro dos argumentos dos n\u00f3s causar\u00e1 um erro de execu\u00e7\u00e3o no sistema.<\/li>\n<li><strong>Ordem de Declara\u00e7\u00e3o para Links:<\/strong> Para um renderiza\u00e7\u00e3o de layout limpa, certifique-se de que todos os seus <code>\u00e2ncora<\/code> e <code>componente<\/code> sejam declarados e atribu\u00eddos coordenadas *antes* de escrever quaisquer linhas de relacionamento entre n\u00f3s (<code>A -&gt; B<\/code>). Vincular a uma etiqueta n\u00e3o declarada pode comprometer a posi\u00e7\u00e3o dos eixos do mapa.<\/li>\n<li><strong>Enclaves de Espa\u00e7o de Etiquetas:<\/strong> Se um nome de componente contiver espa\u00e7os, s\u00edmbolos ou v\u00edrgulas, certifique-se de que est\u00e1 escrito com precis\u00e3o. Reutilizar nomes de string incorretos dentro de caminhos de conex\u00e3o criar\u00e1 um n\u00f3 inteiramente novo e n\u00e3o posicionado na tela da grade.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Um Mapa Wardley \u00e9 um framework poderoso usado para estrat\u00e9gia de neg\u00f3cios para visualizar cadeias de valor e mapear a evolu\u00e7\u00e3o de componentes. Introduzido como um recurso nativo na vers\u00e3o Mermaid v11.14.0+, o wardley-betamotor permite que equipes de estrat\u00e9gia, arquitetos&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":18,"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-2083","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mermaid Wardley Map Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Design strategic value chains and business landscapes with Mermaid Wardley maps in VPasCode, a 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-wardley-map-syntax-strategy-guide\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid Wardley Map Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Design strategic value chains and business landscapes with Mermaid Wardley maps in VPasCode, a diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-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_6a4de2fd2de7f.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/\",\"name\":\"Mermaid Wardley Map 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-wardley-map-syntax-strategy-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4de2fd2de7f.png\",\"datePublished\":\"2026-07-08T05:34:20+00:00\",\"description\":\"Design strategic value chains and business landscapes with Mermaid Wardley maps in VPasCode, a diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4de2fd2de7f.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4de2fd2de7f.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pt\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-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\":\"Sintaxe do Mapa Wardley do Mermaid.js e Guia de Estrat\u00e9gia\"}]},{\"@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 Wardley Map Syntax | VPasCode Text to Diagram Guide","description":"Design strategic value chains and business landscapes with Mermaid Wardley maps in VPasCode, a 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-wardley-map-syntax-strategy-guide\/","og_locale":"pt_PT","og_type":"article","og_title":"Mermaid Wardley Map Syntax | VPasCode Text to Diagram Guide","og_description":"Design strategic value chains and business landscapes with Mermaid Wardley maps in VPasCode, a diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","url":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","name":"Mermaid Wardley Map 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-wardley-map-syntax-strategy-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f.png","datePublished":"2026-07-08T05:34:20+00:00","description":"Design strategic value chains and business landscapes with Mermaid Wardley maps in VPasCode, a diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/pt\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-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":"Sintaxe do Mapa Wardley do Mermaid.js e Guia de Estrat\u00e9gia"}]},{"@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\/2083","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=2083"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/pt\/wp-json\/wp\/v2\/ld_collection?post=2083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}