{"id":2084,"date":"2026-07-08T05:34:20","date_gmt":"2026-07-08T05:34:20","guid":{"rendered":"https:\/\/www.vpascode.com\/pl\/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\/pl\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","title":{"rendered":"Sk\u0142adnia mapy Wardley w Mermaid.js i przewodnik strategii"},"content":{"rendered":"<p>Mapa Wardley to pot\u0119\u017cny framework u\u017cywany w strategii biznesowej do wizualizacji \u0142a\u0144cuch\u00f3w warto\u015bci i mapowania ewolucji komponent\u00f3w. Wprowadzony jako funkcja wbudowana w Mermaid w wersji 11.14.0+, <code>wardley-beta<\/code>silnik umo\u017cliwia zespo\u0142om strategii, architektom i mened\u017cerom produktu mapowanie \u015brodowisk rynkowych przy u\u017cyciu czystego tekstu. Umieszczaj\u0105c komponenty techniczne w dwuwymiarowej przestrzeni wsp\u00f3\u0142rz\u0119dnych, zespo\u0142y mog\u0105 wizualnie analizowa\u0107 zale\u017cno\u015bci w \u0142a\u0144cuchu warto\u015bci, wykrywa\u0107 bezruch rynkowy i podejmowa\u0107 zorganizowane decyzje dotycz\u0105ce budowy czy zakupu.<\/p>\n<h2>Zrozumienie systemu siatki wsp\u00f3\u0142rz\u0119dnych<\/h2>\n<p>W przeciwie\u0144stwie do standardowych schemat\u00f3w przep\u0142ywu bez ogranicze\u0144, ka\u017cdy komponent na mapie Wardley jest nanoszony na sztywn\u0105 przestrze\u0144 dwuwymiarow\u0105 opart\u0105 na dw\u00f3ch wsp\u00f3\u0142rz\u0119dnych dziesi\u0119tnych w zakresie od<code>0.0<\/code> do <code>1.0<\/code>:<\/p>\n<ul>\n<li><strong>Widoczno\u015b\u0107 (o\u015b Y \/ pierwsza wsp\u00f3\u0142rz\u0119dna):<\/strong> Mierzy, jak widoczny lub warto\u015bciowy jest komponent dla u\u017cytkownika ko\u0144cowego. Warto\u015b\u0107 <code>1.0<\/code> oznacza bezpo\u015bredni punkt kontaktu z u\u017cytkownikiem (najwy\u017csza widoczno\u015b\u0107), podczas gdy <code>0.0<\/code> oznacza ukryt\u0105 podstawow\u0105 infrastruktur\u0119.<\/li>\n<li><strong>Ewolucja (o\u015b X \/ druga wsp\u00f3\u0142rz\u0119dna):<\/strong> Mierzy poziom dojrza\u0142o\u015bci aktywu rynkowego. Przesuwa si\u0119 od lewej do prawej przez cztery r\u00f3\u017cne fazy ewolucyjne: <em>Pocz\u0105tek<\/em> (0.0), <em>Dostosowane do potrzeb<\/em> (0.25), <em>Produkt\/Artyku\u0142 wynajmowany<\/em> (0,5), oraz <em>Towar\/Us\u0142uga<\/em> (0,75 do 1,0).<\/li>\n<\/ul>\n<h2>Podstawowa struktura sk\u0142adni<\/h2>\n<p>Ka\u017cdy diagram zaczyna si\u0119 od nag\u0142\u00f3wka deklaracji <code>wardley-beta<\/code> . Nast\u0119pnie ustalasz punkty odniesienia u\u017cytkownika za pomoc\u0105 <code>punkt zaczepienia<\/code> s\u0142owo kluczowe, zaznacz bloki infrastruktury operacyjnej za pomoc\u0105 <code>element<\/code> s\u0142owo kluczowe, oraz narysuj relacje mi\u0119dzy nimi za pomoc\u0105 strza\u0142ek kierunkowych.<\/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>Edytuj Mermaid w 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:eNorTyxKyUmt1E1KLUnk5SqpLCk92qQQUJRfXJKokJtYkKhQXFKUWJKanpnJy1VQmpddolCVmFyVWpCZmpeZqOCdA6RLFKIN9Cx1FAz0TGN5uVJzUnNBYsElRfl5iQqZeSWpRXmpJfnliSBl5iBlJkBlUJ26dlgUAgBL1zMu\" \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\ntytu\u0142 Prosta mapa strategii\r\npunkt zaczepienia Klient [0.9, 0.5]\r\nelement Strona internetowa [0.7, 0.4]\r\nKlient -&gt; Strona internetowa<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5SqpLCk92qQQUJRfXJKokJtYkKhQXFKUWJKanpnJy1VQmpddolCVmFyVWpCZmpeZqOCdA6RLFKIN9Cx1FAz0TGN5uVJzUnNBYsElRfl5iQqZeSWpRXmpJfnliSBl5iBlJkBlUJ26dlgUAgBL1zMu\" \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>Edytuj Mermaid w 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>Dokumentacja sk\u0142adni<\/h2>\n<p>Poni\u017csza tabela rozk\u0142ada podstawowe bloki semantyczne i parametry wymagane do zbudowania mapy Wardley w j\u0105drze interpretera Mermaid.<\/p>\n<table border=\"1\" cellpadding=\"5\" cellspacing=\"0\">\n<thead>\n<tr>\n<th>Sk\u0142adnik sk\u0142adni<\/th>\n<th>Wym\u00f3g typu<\/th>\n<th>Opis i zasady u\u017cytkowania<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Deklaracja<\/strong><\/td>\n<td>Identyfikator s\u0142owa kluczowego<\/td>\n<td>Inicjuje p\u0142\u00f3tno mapowania siatki strategicznej. Nale\u017cy u\u017cy\u0107 dok\u0142adnie <code>wardley-beta<\/code> ci\u0105gu blokowego.<\/td>\n<\/tr>\n<tr>\n<td><strong>Tytu\u0142<\/strong><\/td>\n<td>\u0141a\u0144cuch zwyk\u0142y\/znakowy<\/td>\n<td>Opcjonalny nag\u0142\u00f3wek wydrukowany wy\u015brodkowany na very top obszaru roboczego siatki diagramu.<\/td>\n<\/tr>\n<tr>\n<td><strong>Granice rozmiaru<\/strong><\/td>\n<td>Piksele w nawiasach<\/td>\n<td>Opcjonalny parametr niestandardowy u\u017cywany do zast\u0105pienia domy\u015blnej siatki rozmiaru p\u0142\u00f3tna szeroko\u015bci i wysoko\u015bci: <code>rozmiar [1200, 700]<\/code>.<\/td>\n<\/tr>\n<tr>\n<td><strong>W\u0119ze\u0142 zaczepienia<\/strong><\/td>\n<td>S\u0142owo kluczowe + etykiety<\/td>\n<td>Ustala podstawowego u\u017cytkownika lub kupuj\u0105cego na szczycie macierzy warto\u015bci. Wymaga granic wsp\u00f3\u0142rz\u0119dnych: <code>punkt zaczepienia Kupuj\u0105cy [Y, X]<\/code>.<\/td>\n<\/tr>\n<tr>\n<td><strong>W\u0119ze\u0142 sk\u0142adnika<\/strong><\/td>\n<td>S\u0142owo kluczowe + etykiety<\/td>\n<td>Deklaruje niezale\u017cny element techniczny lub blok zasobu. Wymaga dok\u0142adnych granic po\u0142o\u017cenia: <code>sk\u0142adnik Podstawowy interfejs API [Y, X]<\/code>.<\/td>\n<\/tr>\n<tr>\n<td><strong>\u015acie\u017cki po\u0142\u0105cze\u0144<\/strong><\/td>\n<td>Operator po\u0142\u0105czenia<\/td>\n<td>Rysuje bezpo\u015brednie, strukturalne zale\u017cno\u015bci w d\u00f3\u0142 lub poziomo przez w\u0119z\u0142y za pomoc\u0105 <code>-&gt;<\/code> zasady sk\u0142adni.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr\/>\n<h2>Znaczniki dzia\u0142a\u0144 strategicznych (buduj, kup, zle\u0107, rynek)<\/h2>\n<p>Aby jasno zapisywa\u0107 plany wykonania strategii, Mermaid.js pozwala do\u0142\u0105cza\u0107 otoki dzia\u0142a\u0144 do poszczeg\u00f3lnych sk\u0142adnik\u00f3w. Te dzia\u0142ania umieszczaj\u0105 r\u00f3\u017cne kszta\u0142ty na w\u0119\u017ale wsp\u00f3\u0142rz\u0119dnych, aby natychmiast przekaza\u0107 wybrane rozwi\u0105zania architektoniczne:<\/p>\n<table border=\"1\" cellpadding=\"5\" cellspacing=\"0\">\n<thead>\n<tr>\n<th>Modyfikator dzia\u0142ania<\/th>\n<th>Ikona renderowanego kszta\u0142tu<\/th>\n<th>Mapowanie intencji strategicznych<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>(buduj)<\/code><\/td>\n<td>Znacznik tr\u00f3jk\u0105ta<\/td>\n<td>Sk\u0142adnik jest unikalny, ma wysokie ryzyko lub jest tworzony wewn\u0119trznie w celu r\u00f3\u017cnicowania konkurencyjnego.<\/td>\n<\/tr>\n<tr>\n<td><code>(kup)<\/code><\/td>\n<td>Znacznik rombu<\/td>\n<td>Sk\u0142adnik pochodzi lub jest licencjonowany od dostawcy produktu zewn\u0119trznych.<\/td>\n<\/tr>\n<tr>\n<td><code>(zle\u0107)<\/code><\/td>\n<td>Znacznik kwadratu<\/td>\n<td>Zarz\u0105dzanie sk\u0142adnikiem jest ca\u0142kowicie delegowane do zewn\u0119trznej grupy dostawc\u00f3w.<\/td>\n<\/tr>\n<tr>\n<td><code>(rynek)<\/code><\/td>\n<td>Znacznik ko\u0142a<\/td>\n<td>Sk\u0142adnik to powszechnie dost\u0119pny narz\u0119dzie lub towar publiczny.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Przyk\u0142ad implementacji sk\u0142adni:<\/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>Edytuj Mermaid w 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:eNorTyxKyUmt1E1KLUnk5crOzy3Iz0vNK0lU8MwrSS1KS80qVig9uqeyJDu\/PC8zO1Eh2kDPwkBHwUDP2CBWQSOpNKU0SxNFX0BRVWpJeX4RULVCwdGmxJK8\/KOzkzNBGk1MQRrNTIEas0sLNAHW8ytY\" \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\nkomponenta Interfejs u\u017cytkownika [0.80, 0.30] (buduj)\r\nkomponenta Przetwornik p\u0142atno\u015bci [0.45, 0.65] (kup)<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5crOzy3Iz0vNK0lU8MwrSS1KS80qVig9uqeyJDu\/PC8zO1Eh2kDPwkBHwUDP2CBWQSOpNKU0SxNFX0BRVWpJeX4RULVCwdGmxJK8\/KOzkzNBGk1MQRrNTIEas0sLNAHW8ytY\" \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>Edytuj Mermaid w 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>Prawdziwy szablon: \u0142a\u0144cuch warto\u015bci sklepu z kaw\u0105 artystyczn\u0105<\/h2>\n<p>Ten kompleksowy szablon \u015bledzi rozwijaj\u0105cy si\u0119 model dzia\u0142alno\u015bci sklepowej. Opisuje pe\u0142n\u0105 architektur\u0119 mapy \u2014 konfiguruj\u0105c wi\u0119kszy niestandardowy zakres rozmiaru, ustalaj\u0105c w\u0119z\u0142y biznesowe, ustawiaj\u0105c specjalizowane znaczniki budowy\/kupna oraz wyznaczaj\u0105c po\u0142\u0105czenia zale\u017cno\u015bci na przestrzeni faz osi.<\/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>Edytuj Mermaid w 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:eNqNkc1qGzEQx+8CvcMQCDSQhDVkHXIp9NRDKT20EGjwYbyeOuOVpUWrZZGOC32ItI\/Ra2\/1vldH66RtqA25Cen\/MfNTj35lKF4sKaBWIYZuHODkPTYIbfAYaM0Mq8Q4DmisG79XDDX2jN7yiVbepa2c4W42K4pzmJfFQiutTk\/h7Tj8+tFbgn73kMYhwpKTpdb1pFW+Ium5ldCcWDEZ+OLRVvec2K47uCsub8pzKC7LcvFX\/6ENMlGVbIR3hsmGSVdk3bx8Kr5F34Y+Qu22jbMikjHANeSxihsbq3ut\/jzBx4aqDRpuQ5RYzKthDr2eyq\/KBbxadqtuc\/av6RP5LVs00Mj84RGKmOb7SQox1V3zzPKmC26LUwmBrCtOIeNWMfuuprLrXOajpfqZ8zO2bNAyQYKWSZrIUB28I0t+TfvITY6ZTTE3uT5Rb3cPwcvT2SOW8ZvUjj9rhnHYfa0SWUZIaORuv4FW\/+O9eH2QkFbHf04sh\/hodRC1qI+i0eogaLG8jIlWx6m\/OOQ3Sacl1g==\" \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\ntytu\u0142 \"Mapa strategii dzia\u0142alno\u015bci kawiarni\"\r\nrozmiar [1100, 650]\r\n\r\n%% G\u0142\u00f3wne w\u0119z\u0142y biznesowe\r\nw\u0119ze\u0142 W\u0142a\u015bciciel franchizingu [0.95, 0.55]\r\nw\u0119ze\u0142 Ostateczny Klient [0.90, 0.65]\r\n\r\n%% Warstwy komponent\u00f3w operacyjnych\r\nkomponent Specjalistyczna kawa [0.75, 0.45] (buduj)\r\nkomponent Terminal p\u0142atno\u015bci [0.60, 0.60] (kup)\r\nkomponent Automatyczne ciep\u0142e wody [0.45, 0.75] (rynek)\r\nkomponent Zasilanie z sieci elektroenergetycznej [0.15, 0.90] (zewn\u0119trzne)\r\n\r\n%% \u015acie\u017cki \u0142\u0105czenia zale\u017cno\u015bci\r\nOstateczny Klient -&gt; Specjalistyczna kawa\r\nW\u0142a\u015bciciel franchizingu -&gt; Terminal p\u0142atno\u015bci\r\nSpecjalistyczna kawa -&gt; Automatyczne ciep\u0142e wody\r\nTerminal p\u0142atno\u015bci -&gt; Zasilanie z sieci elektroenergetycznej\r\nAutomatyczne ciep\u0142e wody -&gt; Zasilanie z sieci elektroenergetycznej<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNkc1qGzEQx+8CvcMQCDSQhDVkHXIp9NRDKT20EGjwYbyeOuOVpUWrZZGOC32ItI\/Ra2\/1vldH66RtqA25Cen\/MfNTj35lKF4sKaBWIYZuHODkPTYIbfAYaM0Mq8Q4DmisG79XDDX2jN7yiVbepa2c4W42K4pzmJfFQiutTk\/h7Tj8+tFbgn73kMYhwpKTpdb1pFW+Ium5ldCcWDEZ+OLRVvec2K47uCsub8pzKC7LcvFX\/6ENMlGVbIR3hsmGSVdk3bx8Kr5F34Y+Qu22jbMikjHANeSxihsbq3ut\/jzBx4aqDRpuQ5RYzKthDr2eyq\/KBbxadqtuc\/av6RP5LVs00Mj84RGKmOb7SQox1V3zzPKmC26LUwmBrCtOIeNWMfuuprLrXOajpfqZ8zO2bNAyQYKWSZrIUB28I0t+TfvITY6ZTTE3uT5Rb3cPwcvT2SOW8ZvUjj9rhnHYfa0SWUZIaORuv4FW\/+O9eH2QkFbHf04sh\/hodRC1qI+i0eogaLG8jIlWx6m\/OOQ3Sacl1g==\" \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>Edytuj Mermaid w 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>Wskaz\u00f3wka sk\u0142adni:<\/strong> Podczas deklarowania tablic wsp\u00f3\u0142rz\u0119dnych pami\u0119taj, \u017ce warto\u015b\u0107 pionowa osi Y (widoczno\u015b\u0107) pojawia si\u0119 *najpierw*, a warto\u015b\u0107 pozioma osi X (ewolucja) pojawia si\u0119 *drug\u0105*<code>[Widoczno\u015b\u0107, Ewolucja]<\/code>. Odwr\u00f3cenie tych pozycji jest najbardziej powszechn\u0105 przyczyn\u0105 nieprawid\u0142owego grupowania komponent\u00f3w wzd\u0142u\u017c dolnego brzegu p\u0142\u00f3tna mapy.<\/em><\/p>\n<hr\/>\n<h2>Typowe b\u0142\u0119dy sk\u0142adniowe i ograniczenia systemowe<\/h2>\n<p>Podczas kompilowania przestrzeni \u0142a\u0144cucha warto\u015bci pami\u0119taj o tych trzech granicach uk\u0142adu, aby zapewni\u0107 czyste renderowanie tekstu:<\/p>\n<ul>\n<li><strong>\u015acis\u0142e zakresy wsp\u00f3\u0142rz\u0119dnych:<\/strong> Po\u0142o\u017cenie musi dok\u0142adnie znajdowa\u0107 si\u0119 wewn\u0105trz zakresu dziesi\u0119tnego mi\u0119dzy <code>0.0<\/code> oraz <code>1.0<\/code>. U\u017cywanie absolutnych pikseli ca\u0142kowitych (np. <code>[400, 200]<\/code>) zamiast stosunk\u00f3w uk\u0142adu w argumentach w\u0119z\u0142\u00f3w spowoduje b\u0142\u0105d wykonania systemu.<\/li>\n<li><strong>Kolejno\u015b\u0107 deklaracji po\u0142\u0105cze\u0144:<\/strong> Aby uzyska\u0107 czysty uk\u0142ad, upewnij si\u0119, \u017ce wszystkie twoje <code>w\u0119ze\u0142<\/code> oraz <code>komponent<\/code> etykiety s\u0105 deklarowane i przypisywane wsp\u00f3\u0142rz\u0119dne *przed* napisaniem jakichkolwiek linii relacji w\u0119z\u0142\u00f3w (<code>A -&gt; B<\/code>). \u0141\u0105czenie z niezadeklarowanym etykiet\u0105 mo\u017ce naruszy\u0107 pozycjonowanie osi mapy.<\/li>\n<li><strong>Zamkni\u0119cia przestrzeni etykiet:<\/strong> Je\u015bli nazwa komponentu zawiera spacje, znaki specjalne lub przecinki, upewnij si\u0119, \u017ce zosta\u0142a poprawnie wpisana. Ponowne u\u017cycie niezgodnych nazw ci\u0105g\u00f3w w \u015bcie\u017ckach po\u0142\u0105cze\u0144 spowoduje utworzenie zupe\u0142nie nowego, niepozycjonowanego w\u0119z\u0142a na p\u0142\u00f3tnie siatki.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Mapa Wardley to pot\u0119\u017cny framework u\u017cywany w strategii biznesowej do wizualizacji \u0142a\u0144cuch\u00f3w warto\u015bci i mapowania ewolucji komponent\u00f3w. Wprowadzony jako funkcja wbudowana w Mermaid w wersji 11.14.0+, wardley-betasilnik umo\u017cliwia zespo\u0142om strategii, architektom i mened\u017cerom produktu mapowanie \u015brodowisk rynkowych przy u\u017cyciu czystego&#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-2084","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\/pl\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\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\/pl\/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=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/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\\\/pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/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\\\/pl\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/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\\\/pl\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Sk\u0142adnia mapy Wardley w Mermaid.js i przewodnik strategii\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/wp-content\\\/uploads\\\/sites\\\/9\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/wp-content\\\/uploads\\\/sites\\\/9\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/#\\\/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\/pl\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","og_locale":"pl_PL","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\/pl\/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":{"Szacowany czas czytania":"4 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","url":"https:\/\/www.vpascode.com\/pl\/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\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/pl\/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\/pl\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.vpascode.com\/pl\/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\/pl\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/pl\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/pl\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Sk\u0142adnia mapy Wardley w Mermaid.js i przewodnik strategii"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/pl\/#website","url":"https:\/\/www.vpascode.com\/pl\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/pl\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.vpascode.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/pl\/wp-content\/uploads\/sites\/9\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/pl\/wp-content\/uploads\/sites\/9\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/pl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/ld_docs\/2084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/media?parent=2084"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/ld_collection?post=2084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}