{"id":2087,"date":"2026-07-08T05:34:20","date_gmt":"2026-07-08T05:34:20","guid":{"rendered":"https:\/\/www.vpascode.com\/es\/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\/es\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","title":{"rendered":"Sintaxis de Mapa de Wardley de Mermaid.js y Gu\u00eda de Estrategia"},"content":{"rendered":"<p>Un mapa de Wardley es un marco potente utilizado para la estrategia empresarial con el fin de visualizar cadenas de valor y mapear la evoluci\u00f3n de los componentes. Introducido como una caracter\u00edstica nativa en Mermaid v11.14.0+, el <code>wardley-beta<\/code>motor permite a los equipos de estrategia, arquitectos y gerentes de productos mapear entornos de mercado utilizando texto puro. Al posicionar componentes t\u00e9cnicos en un espacio de coordenadas 2D, los equipos pueden analizar visualmente las dependencias de la cadena de valor, identificar la inercia del mercado y tomar decisiones estructuradas sobre construir o comprar.<\/p>\n<h2>Comprender el sistema de cuadr\u00edcula de coordenadas<\/h2>\n<p>A diferencia de los diagramas de flujo libres est\u00e1ndar, cada componente en un mapa de Wardley se traza en un espacio r\u00edgido de dos dimensiones basado en dos coordenadas decimales que van desde <code>0.0<\/code> hasta <code>1.0<\/code>:<\/p>\n<ul>\n<li><strong>Visibilidad (Eje Y \/ Primera coordenada):<\/strong> Mide cu\u00e1n visible o valioso es un componente para un usuario final. Un valor de <code>1.0<\/code> representa un punto de contacto directo con el usuario (m\u00e1xima visibilidad), mientras que <code>0.0<\/code> representa una infraestructura fundamental oculta.<\/li>\n<li><strong>Evoluci\u00f3n (Eje X \/ Segunda coordenada):<\/strong> Mide el nivel de madurez de un activo de mercado. Se desplaza de izquierda a derecha a trav\u00e9s de cuatro fases evolutivas distintas: <em>G\u00e9nesis<\/em> (0.0), <em>Hecho a medida<\/em> (0.25), <em>Producto\/Alquiler<\/em> (0.5), y <em>Commodity\/Utilidad<\/em> (0.75 a 1.0).<\/li>\n<\/ul>\n<h2>Estructura b\u00e1sica de sintaxis<\/h2>\n<p>Cada diagrama comienza con el <code>wardley-beta<\/code>encabezado de declaraci\u00f3n. Luego estableces anclajes de usuario con el <code>ancla<\/code>palabra clave, representa los bloques de infraestructura operativa con el <code>componente<\/code>palabra clave, y dibuja relaciones entre ellos usando flechas direccionales.<\/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>Editar Mermaid en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5So5vLakNCdfwTexIFEhJVXBtbikKLEkNT0zUSE4M7cgJ5WXKzEvOSdRwTknMzWvJFUh2kDPUkfBQM80lpcrOT+3ID8PLBycWZKZrxCemgRSYA5SYAJUANOka4dQAAAeUynQ\" \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 de Estrategia Simple\r\nancla Cliente [0.9, 0.5]\r\ncomponente Sitio Web [0.7, 0.4]\r\nCliente -&gt; Sitio Web<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5So5vLakNCdfwTexIFEhJVXBtbikKLEkNT0zUSE4M7cgJ5WXKzEvOSdRwTknMzWvJFUh2kDPUkfBQM80lpcrOT+3ID8PLBycWZKZrxCemgRSYA5SYAJUANOka4dQAAAeUynQ\" \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>Editar Mermaid en 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>Referencia de Sintaxis<\/h2>\n<p>La tabla a continuaci\u00f3n desglosa los bloques fundamentales sem\u00e1nticos y par\u00e1metros necesarios para estructurar un Mapa de Wardley dentro del int\u00e9rprete central de Mermaid.<\/p>\n<table border=\"1\" cellpadding=\"5\" cellspacing=\"0\">\n<thead>\n<tr>\n<th>Componente de Sintaxis<\/th>\n<th>Tipo Requerido<\/th>\n<th>Descripci\u00f3n y Reglas de Uso<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Declaraci\u00f3n<\/strong><\/td>\n<td>Identificador de Palabra Clave<\/td>\n<td>Inicializa el lienzo de mapeo de la cuadr\u00edcula estrat\u00e9gica. Debe usar exactamente el <code>wardley-beta<\/code>cadena de bloque.<\/td>\n<\/tr>\n<tr>\n<td><strong>T\u00edtulo<\/strong><\/td>\n<td>Cadena Plana\/Cadena entre comillas<\/td>\n<td>Un encabezado opcional impreso centrado en la parte superior del \u00e1rea de trabajo de la cuadr\u00edcula del diagrama.<\/td>\n<\/tr>\n<tr>\n<td><strong>L\u00edmites de Tama\u00f1o<\/strong><\/td>\n<td>P\u00edxeles entre corchetes<\/td>\n<td>Un par\u00e1metro opcional personalizado utilizado para sobrescribir la cuadr\u00edcula de dise\u00f1o predeterminada de ancho y alto del lienzo: <code>tama\u00f1o [1200, 700]<\/code>.<\/td>\n<\/tr>\n<tr>\n<td><strong>Nodo Ancla<\/strong><\/td>\n<td>Palabra clave + Etiquetas<\/td>\n<td>Establece al usuario o comprador principal en la parte superior de tu matriz de cadena de valor. Requiere l\u00edmites de coordenadas: <code>ancla Comprador [Y, X]<\/code>.<\/td>\n<\/tr>\n<tr>\n<td><strong>Nodo de componente<\/strong><\/td>\n<td>Palabra clave + Etiquetas<\/td>\n<td>Declara una caracter\u00edstica t\u00e9cnica independiente o un bloque de activos. Requiere l\u00edmites de posici\u00f3n exactos: <code>componente API principal [Y, X]<\/code>.<\/td>\n<\/tr>\n<tr>\n<td><strong>Rutas de enlace<\/strong><\/td>\n<td>Operador de conexi\u00f3n<\/td>\n<td>Dibuja dependencias directas y estructuradas hacia abajo o horizontalmente a trav\u00e9s de nodos mediante la <code>-&gt;<\/code> regla de sintaxis.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr\/>\n<h2>Marcadores de acci\u00f3n estrat\u00e9gica (Construir, Comprar, Subcontratar, Mercado)<\/h2>\n<p>Para documentar expl\u00edcitamente planes de ejecuci\u00f3n estrat\u00e9gica, Mermaid.js permite agregar envoltorios de acci\u00f3n a componentes individuales. Estas acciones colocan formas distintas en el nodo de coordenadas para transmitir decisiones arquitect\u00f3nicas de inmediato:<\/p>\n<table border=\"1\" cellpadding=\"5\" cellspacing=\"0\">\n<thead>\n<tr>\n<th>Modificador de acci\u00f3n<\/th>\n<th>Icono de forma renderizada<\/th>\n<th>Mapa de intenci\u00f3n estrat\u00e9gica<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>(construir)<\/code><\/td>\n<td>Marcador triangular<\/td>\n<td>El componente es \u00fanico, de alto riesgo o elaborado internamente para diferenciaci\u00f3n competitiva.<\/td>\n<\/tr>\n<tr>\n<td><code>(comprar)<\/code><\/td>\n<td>Marcador diamante<\/td>\n<td>El componente se obtiene o se licencia de un proveedor de productos de terceros.<\/td>\n<\/tr>\n<tr>\n<td><code>(subcontratar)<\/code><\/td>\n<td>Marcador cuadrado<\/td>\n<td>La gesti\u00f3n del componente se delega completamente a un grupo externo de proveedores.<\/td>\n<\/tr>\n<tr>\n<td><code>(mercado)<\/code><\/td>\n<td>Marcador circular<\/td>\n<td>El componente es una utilidad ampliamente disponible o un bien p\u00fablico.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Ejemplo de implementaci\u00f3n de sintaxis:<\/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 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpNyzEKwkAQBdBe8A5TJqBhQSNewc5eLL67owSSmeXvipjTh1j5+vcB06jf\/UMrtpvoU3ZTq3KxqnxilqwsbhiHGQlyC9057CR0h3CXJrqVyvfA9r9e6VELklOSSsbLy\/qO\/fpO\/e9NmWC7ALyZKfk=\" \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 Interfaz personalizada [0.80, 0.30] (construir)\r\ncomponent Procesador de pagos [0.45, 0.65] (comprar)<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpNyzEKwkAQBdBe8A5TJqBhQSNewc5eLL67owSSmeXvipjTh1j5+vcB06jf\/UMrtpvoU3ZTq3KxqnxilqwsbhiHGQlyC9057CR0h3CXJrqVyvfA9r9e6VELklOSSsbLy\/qO\/fpO\/e9NmWC7ALyZKfk=\" \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 en 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>Plantilla del mundo real: Cadena de valor de una tienda artesanal de caf\u00e9<\/h2>\n<p>Esta plantilla completa rastrea un modelo de negocio de tienda en expansi\u00f3n. Describe una arquitectura completa del mapa: configurando un l\u00edmite de tama\u00f1o personalizado m\u00e1s grande, estableciendo anclajes empresariales, estableciendo marcadores especializados de construir\/comprar y trazando enlaces de dependencia a trav\u00e9s de las fases de los ejes.<\/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 en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkcFqAjEQhu+BvEMQhBZUVnAVLwWRHgul9CYexuwoKdkknc1a2jfy0EOfwRfrJNZSQe1ts\/n\/+f\/58gZUWXzvrzCCFNHE1nrVeYAAqkKFTSSIuDGgsA6EDZABqwIQKA1rjEj7T+iwEWrYf3m1GA6LoqfGZbGUQopuV82ctvCCzd8BfApknDYhfUsBSaMeyQfDNcj4lL0mcK+t0Zy9KAbTsqeKQVkuj+q5Negiy4zjRklRJMW4PAbPeYcmDdK+Dt4lcaN8QF7IbD2n\/v5n6Xq\/42UDcpo1H1D5NHGSM0flUt1o7xhFa+j2r+8Zqc7xnBJaF3PvLd\/kyuNDoSLbeXk4Nc82bYL4swa00dfcjLOzeZSzJym7RtLc6MR875A2jD4FMgzCSqHd73Qko7N\/mP3TFN60K66fHjI3yHCe2niAg86CxgMnqNDliRUGdHxgGlKcgu7fnaMlxeXHY8dlTjz+DHu2XKYjxRXs7LyKRoor2P8zfwOQahai\" \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\ntitulo \"Mapa de estrategia empresarial para cafeter\u00eda\"\r\ntama\u00f1o [1100, 650]\r\n\r\n%% Anclajes empresariales principales\r\nancla Propietario de franquicia [0.95, 0.55]\r\nancla Cliente final [0.90, 0.65]\r\n\r\n%% Capas de componentes operativos\r\ncomponent Caf\u00e9 especializado [0.75, 0.45] (construir)\r\ncomponent Terminal de punto de venta [0.60, 0.60] (comprar)\r\ncomponent Agua caliente automatizada [0.45, 0.75] (mercado)\r\ncomponent Energ\u00eda de la red el\u00e9ctrica [0.15, 0.90] (subcontratar)\r\n\r\n%% Rutas de enlaces de cadena de dependencia\r\nCliente final -&gt; Caf\u00e9 especializado\r\nPropietario de franquicia -&gt; Terminal de punto de venta\r\nCaf\u00e9 especializado -&gt; Agua caliente automatizada\r\nTerminal de punto de venta -&gt; Energ\u00eda de la red el\u00e9ctrica\r\nAgua caliente automatizada -&gt; Energ\u00eda de la red el\u00e9ctrica<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqFkcFqAjEQhu+BvEMQhBZUVnAVLwWRHgul9CYexuwoKdkknc1a2jfy0EOfwRfrJNZSQe1ts\/n\/+f\/58gZUWXzvrzCCFNHE1nrVeYAAqkKFTSSIuDGgsA6EDZABqwIQKA1rjEj7T+iwEWrYf3m1GA6LoqfGZbGUQopuV82ctvCCzd8BfApknDYhfUsBSaMeyQfDNcj4lL0mcK+t0Zy9KAbTsqeKQVkuj+q5Negiy4zjRklRJMW4PAbPeYcmDdK+Dt4lcaN8QF7IbD2n\/v5n6Xq\/42UDcpo1H1D5NHGSM0flUt1o7xhFa+j2r+8Zqc7xnBJaF3PvLd\/kyuNDoSLbeXk4Nc82bYL4swa00dfcjLOzeZSzJym7RtLc6MR875A2jD4FMgzCSqHd73Qko7N\/mP3TFN60K66fHjI3yHCe2niAg86CxgMnqNDliRUGdHxgGlKcgu7fnaMlxeXHY8dlTjz+DHu2XKYjxRXs7LyKRoor2P8zfwOQahai\" \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 en 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>Consejo de sintaxis:<\/strong> Al declarar arreglos de coordenadas, recuerda que el valor del eje vertical Y (Visibilidad) va *primero*, y el valor del eje horizontal X (Evoluci\u00f3n) va *segundo* <code>[Visibilidad, Evoluci\u00f3n]<\/code>. Invertir estas posiciones es la causa m\u00e1s com\u00fan de que los componentes se agrupen incorrectamente a lo largo del borde inferior de tu lienzo de mapa.<\/em><\/p>\n<hr\/>\n<h2>Errores comunes de sintaxis y limitaciones del sistema<\/h2>\n<p>Al compilar espacios de cadena de valor, ten en cuenta estas tres fronteras de dise\u00f1o para asegurarte de que tu texto se renderice correctamente:<\/p>\n<ul>\n<li><strong>Rangos estrictos de coordenadas:<\/strong> Las posiciones deben ubicarse exactamente dentro de corchetes decimales entre <code>0.0<\/code> y <code>1.0<\/code>. Usar p\u00edxeles enteros absolutos (como <code>[400, 200]<\/code>) en lugar de razones de dise\u00f1o dentro de los argumentos de nodo provocar\u00e1 un error de ejecuci\u00f3n del sistema.<\/li>\n<li><strong>Orden de declaraci\u00f3n para enlaces:<\/strong> Para un renderizado de dise\u00f1o limpio, aseg\u00farate de que todos tus <code>ancla<\/code> y <code>componente<\/code> est\u00e9n declarados y asignados sus coordenadas *antes* de escribir cualquier l\u00ednea de relaci\u00f3n de nodos (<code>A -&gt; B<\/code>). Enlazar a una etiqueta no declarada puede interrumpir la posici\u00f3n del eje del mapa.<\/li>\n<li><strong>Cajas de espacio de etiquetas:<\/strong> Si un nombre de componente contiene espacios, s\u00edmbolos o comas, aseg\u00farese de escribirlo con precisi\u00f3n. Reutilizar nombres de cadena no coincidentes dentro de las rutas de conexi\u00f3n crear\u00e1 un nodo completamente nuevo y sin posici\u00f3n en la cuadr\u00edcula.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Un mapa de Wardley es un marco potente utilizado para la estrategia empresarial con el fin de visualizar cadenas de valor y mapear la evoluci\u00f3n de los componentes. Introducido como una caracter\u00edstica nativa en Mermaid v11.14.0+, el wardley-betamotor permite a&#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-2087","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\/es\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\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\/es\/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=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/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\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/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\\\/es\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/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\\\/es\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Sintaxis de Mapa de Wardley de Mermaid.js y Gu\u00eda de Estrategia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/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\/es\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","og_locale":"es_ES","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\/es\/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":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","url":"https:\/\/www.vpascode.com\/es\/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\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/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\/es\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/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\/es\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/es\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/es\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Sintaxis de Mapa de Wardley de Mermaid.js y Gu\u00eda de Estrategia"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/es\/#website","url":"https:\/\/www.vpascode.com\/es\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/es\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs\/2087","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/media?parent=2087"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_collection?post=2087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}