{"id":2114,"date":"2026-05-26T08:05:43","date_gmt":"2026-05-26T08:05:43","guid":{"rendered":"https:\/\/www.vpascode.com\/pl\/docs\/uncategorized\/mermaid-js-flowchart-syntax-guide\/"},"modified":"2026-05-26T08:05:43","modified_gmt":"2026-05-26T08:05:43","slug":"mermaid-js-flowchart-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-flowchart-syntax-guide\/","title":{"rendered":"Przewodnik po sk\u0142adni diagram\u00f3w przep\u0142ywu Mermaid.js"},"content":{"rendered":"<h2>Czym jest diagram przep\u0142ywu?<\/h2>\n<p>A <strong>Diagram przep\u0142ywu<\/strong> to podstawowy schemat zachowania, kt\u00f3ry wizualizuje krok po kroku przebieg dzia\u0142ania, procedur\u0119 algorytmiczn\u0105 lub sekwencyjn\u0105 logik\u0119 biznesow\u0105. Przedstawiaj\u0105c dzia\u0142ania systemu jako odr\u0119bne kszta\u0142ty geometryczne i wyznaczaj\u0105c przep\u0142yw sterowania za pomoc\u0105 strza\u0142ek kierunkowych, diagram przep\u0142ywu u\u0142atwia in\u017cynierom oprogramowania i architektom system\u00f3w \u015bledzenie \u015bcie\u017cek wykonywania warunkowego, izolowanie blok\u00f3w jednopunktowych awarii oraz analiz\u0119 p\u0119tli logiki systemu jeszcze przed napisaniem rzeczywistego kodu zaplecza.<\/p>\n<p>Z <strong>Mermaid.js<\/strong>, nie musisz sp\u0119dza\u0107 godzin na przeci\u0105ganiu p\u00f3l, mikrouprawianiu linii siatki ani ponownym obliczaniu zmiennych wype\u0142nienia. Silnik uk\u0142adu dynamicznie oblicza wsp\u00f3\u0142rz\u0119dne w\u0119z\u0142\u00f3w na podstawie surowych skrypt\u00f3w deklaratywnych, pozwalaj\u0105c Ci skupi\u0107 si\u0119 ca\u0142kowicie na podstawowej logice Twojego systemu.<\/p>\n<h2>Podstawowy przewodnik sk\u0142adniowy: elementy i konstrukcje<\/h2>\n<p>Aby stworzy\u0107 elegancki, \u0142atwo czytelny diagram przep\u0142ywu w Mermaid, musisz opanowa\u0107 wska\u017aniki kierunku p\u0142\u00f3tna, geometryczne otoczenia w\u0119z\u0142\u00f3w, zmienne po\u0142\u0105cze\u0144 oraz podgrafy strukturalne.<\/p>\n<h3>1. Ustawianie kierunku p\u0142\u00f3tna<\/h3>\n<p>Kierunek Twojego diagramu przep\u0142ywu jest okre\u015blany bezpo\u015brednio w pierwszym wierszu przez par\u0119 s\u0142\u00f3w kluczowych zastosowanych do obwodu <code>graph<\/code> lub <code>flowchart<\/code>obwodu. Mo\u017cesz kontrolowa\u0107 kierunek skalowania wizualnego uk\u0142adu za pomoc\u0105 czterech podstawowych kluczy kierunkowych:<\/p>\n<ul>\n<li><code>flowchart TD<\/code> (Z g\u00f3ry na d\u00f3\u0142 \/ orientacja pionowa)<\/li>\n<li><code>flowchart BU<\/code> (Z do\u0142u do g\u00f3ry)<\/li>\n<li><code>flowchart LR<\/code> (Z lewej do prawej \/ orientacja pozioma)<\/li>\n<li><code>flowchart RL<\/code> (Z prawej do lewej)<\/li>\n<\/ul>\n<h3>2. Dostosowywanie geometrii w\u0119z\u0142\u00f3w (kszta\u0142ty)<\/h3>\n<p>Domy\u015blnie deklaracja prostego ID renderuje si\u0119 jako ostro k\u0105tny prostok\u0105t. Aby u\u0142atwi\u0107 skanowanie Twoich diagram\u00f3w, u\u017cyj specjalnych nawias\u00f3w Mermaid, aby natychmiast wstrzykn\u0105\u0107 kontekst wizualny do r\u00f3\u017cnych krok\u00f3w przep\u0142ywu pracy. Ka\u017cdy pojedynczy blok definicji musi by\u0107 poprzedzony tokenem kierunku uk\u0142adu, aby zosta\u0142 poprawnie przetworzony:<\/p>\n<ul>\n<li><strong>Zaokr\u0105glone kraw\u0119dzie:<\/strong> <code>id(Tekst)<\/code> \u2014 Reprezentuje og\u00f3lny krok procesu.<\/li>\n<li><strong>Kszta\u0142t stadionu\/kapsu\u0142owy:<\/strong> <code>id([Tekst])<\/code> \u2014 Standardowy znacznik dla punkt\u00f3w granicznych pocz\u0105tkowych i ko\u0144cowych.<\/li>\n<li><strong>Podprogram\/Proces zdefiniowany z g\u00f3ry:<\/strong> <code>id[[Tekst]]<\/code> \u2014 Reprezentuje uj\u0119ty w opakowaniu systemowy podprogram lub zewn\u0119trzny skrypt klasy.<\/li>\n<li><strong>Walec\/Baza danych:<\/strong> <code>id[(Tekst)]<\/code> \u2014 Reprezentuje trwa\u0142o\u015b\u0107 bazy danych, pami\u0119ci podr\u0119czne lub magazyny danych.<\/li>\n<li><strong>Romb\/Diament decyzyjny:<\/strong> <code>id{Tekst}<\/code> \u2014 Reprezentuje warunkowe prze\u0142\u0105czniki, rozga\u0142\u0119zienia if\/else lub punkty oceny.<\/li>\n<li><strong>R\u00f3wnoleg\u0142obok:<\/strong> <code>id[\/Tekst\/]<\/code> lub <code>id[Tekst]<\/code> \u2014 Rysuje pochy\u0142e granice, aby przedstawi\u0107 jawne dane wej\u015bcia\/wyj\u015bcia (I\/O).<\/li>\n<\/ul>\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:eNpLy8kvT85ILCpRCHHh5VIAguISIC8+Lz8lVSM6GMRWcK1ITS4tyczPi9WEKCksTS2qjE9JitYIyC8uSS9KDQ70UfDMA+rMS07VjIUoKkvMyUxJLEmNT85ITc6u9ixWcCwtycgvyqxKTbGvBQBvyCjM\" 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:eNpLyUxML0rMVSgoqkotONpUWV6qEOLCy6UABMUliUUl8Xn5Kaka0cEgtoJrRWpyaUlmfl6sJkRJYWlqUWV8SlK0hmceUHleclaiQkB+cUl6UWpwoI9mLERVWWJOZkpiSWp8ckZqcna1c1WlQmlBfnni0T15QLMq7WsBJ38vbw==\" \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\">diagram przep\u0142ywu TD\r\n    start_node([Start Execution])\r\n    query_db[(Instancja PostgreSQL)]\r\n    validate_check{Czy upowa\u017cniony?}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpLyUxML0rMVSgoqkotONpUWV6qEOLCy6UABMUliUUl8Xn5Kaka0cEgtoJrRWpyaUlmfl6sJkRJYWlqUWV8SlK0hmceUHleclaiQkB+cUl6UWpwoI9mLERVWWJOZkpiSWp8ckZqcna1c1WlQmlBfnni0T15QLMq7WsBJ38vbw==\" \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:eNpLy8kvT85ILCpRCHHh5VIAguISIC8+Lz8lVSM6GMRWcK1ITS4tyczPi9WEKCksTS2qjE9JitYIyC8uSS9KDQ70UfDMA+rMS07VjIUoKkvMyUxJLEmNT85ITc6u9ixWcCwtycgvyqxKTbGvBQBvyCjM\" 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=\"jWBAKCL\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-613\" decoding=\"async\" fetchpriority=\"high\" height=\"173\" sizes=\"(max-width: 570px) 100vw, 570px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902a0955b5.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902a0955b5.png 570w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902a0955b5-300x91.png 300w\" width=\"570\"\/><\/p>\n<h3>3. Zasady po\u0142\u0105cze\u0144 po\u0142\u0105cze\u0144 i etykiety wstawione w linii<\/h3>\n<p>Mo\u017cesz dostosowa\u0107 linie po\u0142\u0105cze\u0144, aby przedstawi\u0107 r\u00f3\u017cne relacje strukturalne i style komunikacji. Aby utrzyma\u0107 wykresy w czystej formie, wstaw opisowe etykiety bezpo\u015brednio na \u015bcie\u017ckach po\u0142\u0105cze\u0144:<\/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:eNp9zL8KwjAYBPC90Hc4Ch2rT1Chf1wcVGjBOU0iCYZ8kH5ahT68sYI4iDfdcPc7O5qkEYHRt2mCmDxHx8IrERQkea8lU4AIgSZMlg1Y3xlODNq9DxWKYoM523WHPY7i4UiobEadJh+wJWat1tX48NIE8nQd4azXv8EaxWoRlz22N+05gs0X2BsrLxjIKa3+SA3K8gU1wbKVwuEUi45W+wR14EpC\" 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:eNp9jrEKwjAQQHfBfzgKHatfUEErCCo61MntbIMe0SSkKSWhi4X+WftfpgqiS2+5W+69lxNeNT5AacdU39iqhNN6OgE\/YQipQZGjzmVloTDaYd\/w4Vayb7o2c0wQAwfMWE7MdC0Yxgsjq679IJYQRQuog\/6JeSkYh216PAQ1rKaTr2NPghC4lsqjUeAcCyuym5aCMidwDL+CaPbmn33kJ+bvmXlV8qPa6PKCPv7qN0nPvr\/dI4YE4ngQ7LQ1diCCQ0WF9aE00NcvhsFuwA==\" \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\">diagram przep\u0142ywu TD\r\n    %% Standardowy strza\u0142kowy po\u0142\u0105czenie z etykiet\u0105 tekstow\u0105\r\n    A --&gt; |\"\u0141adunek JSON\"| B\r\n\r\n    %% Linia kropkowana\/asynchroniczna z etykiet\u0105 tekstow\u0105\r\n    B -.-&gt; |\"Zdarzenie asynchroniczne\"| C\r\n\r\n    %% Gruba pogrubiona linia z etykiet\u0105 tekstow\u0105\r\n    C ==&gt; |\"Krytyczne zapisywanie\"| D<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp9jrEKwjAQQHfBfzgKHatfUEErCCo61MntbIMe0SSkKSWhi4X+WftfpgqiS2+5W+69lxNeNT5AacdU39iqhNN6OgE\/YQipQZGjzmVloTDaYd\/w4Vayb7o2c0wQAwfMWE7MdC0Yxgsjq679IJYQRQuog\/6JeSkYh216PAQ1rKaTr2NPghC4lsqjUeAcCyuym5aCMidwDL+CaPbmn33kJ+bvmXlV8qPa6PKCPv7qN0nPvr\/dI4YE4ngQ7LQ1diCCQ0WF9aE00NcvhsFuwA==\" \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:eNp9zL8KwjAYBPC90Hc4Ch2rT1Chf1wcVGjBOU0iCYZ8kH5ahT68sYI4iDfdcPc7O5qkEYHRt2mCmDxHx8IrERQkea8lU4AIgSZMlg1Y3xlODNq9DxWKYoM523WHPY7i4UiobEadJh+wJWat1tX48NIE8nQd4azXv8EaxWoRlz22N+05gs0X2BsrLxjIKa3+SA3K8gU1wbKVwuEUi45W+wR14EpC\" 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=\"igwGmSf\"><img alt=\"\" class=\"alignnone size-full wp-image-614\" decoding=\"async\" height=\"454\" sizes=\"(max-width: 113px) 100vw, 113px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902ac35bd4.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902ac35bd4.png 113w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902ac35bd4-75x300.png 75w\" width=\"113\"\/><\/p>\n<h3>4. Izolacja modu\u0142owa za pomoc\u0105 podgraf\u00f3w<\/h3>\n<p>Aby ustali\u0107 czyste granice sieci, grupowa\u0107 mikroserwisy lub izolowa\u0107 odpowiedzialno\u015bci zespo\u0142\u00f3w, grupuj swoje elementy wewn\u0105trz strukturalnych<code>podgraf<\/code> otocze\u0144. Definiujesz podgraf, przypisuj\u0105c mu wewn\u0119trzny identyfikator, opcjonalny tytu\u0142 wy\u015bwietlany i zamykaj\u0105c go za pomoc\u0105<code>koniec<\/code> znacznik:<\/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:eNpLy8kvT85ILCpRCHHh5VIAguLSpPSixIIMhcTSkox4IC9aKTg1ubQos6RSwSm\/NC8lsahSKRaiFgTSE0tSyxMrox0DPBXcIexYBV1dO4j+8vyi7NQijZD87NQ8hbDEnMyUxJL8Ik2I9tS8FAChvimf\" 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:eNolzEEKwjAQheG94B2GrnTRKwgVQdy5ELooRabtpMZgEqYJIVkWr9Z7Gcm\/fY9vkjgzfsByIrutMXh4XPY7yFkz5UkAevd6Ln7oqiujliNCwoGSlTQm2r5VX+7\/ZnQUMHbnTCoEqR2xoPfiobnfeqjrU9GCYUV8aImjkAqdYXBGkfbHYimjs\/4Dwx41zw==\" \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\">diagram przep\u0142ywu TD\r\n    podgraf auth_sub[\"Granica zabezpiecze\u0144\"]\r\n        gateway[Bramka interfejsu API] --&gt; auth_worker(Weryfikator tokenu)\r\n    koniec<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNolzEEKwjAQheG94B2GrnTRKwgVQdy5ELooRabtpMZgEqYJIVkWr9Z7Gcm\/fY9vkjgzfsByIrutMXh4XPY7yFkz5UkAevd6Ln7oqiujliNCwoGSlTQm2r5VX+7\/ZnQUMHbnTCoEqR2xoPfiobnfeqjrU9GCYUV8aImjkAqdYXBGkfbHYimjs\/4Dwx41zw==\" \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:eNpLy8kvT85ILCpRCHHh5VIAguLSpPSixIIMhcTSkox4IC9aKTg1ubQos6RSwSm\/NC8lsahSKRaiFgTSE0tSyxMrox0DPBXcIexYBV1dO4j+8vyi7NQijZD87NQ8hbDEnMyUxJL8Ik2I9tS8FAChvimf\" 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=\"GfaAkHz\"><img alt=\"\" class=\"alignnone size-full wp-image-615\" decoding=\"async\" height=\"140\" sizes=\"(max-width: 457px) 100vw, 457px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902bb7e3ea.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902bb7e3ea.png 457w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902bb7e3ea-300x92.png 300w\" width=\"457\"\/><\/p>\n<h2>Najlepsze praktyki dla czystych schemat\u00f3w blokowych<\/h2>\n<ul>\n<li><strong>Rozdziel uk\u0142ady poziomo:<\/strong> Dla d\u0142ugich, wieloetapowych potok\u00f3w in\u017cynieryjnych, wybierz <code>diagram przep\u0142ywu LR<\/code> kierunek. Skaluje si\u0119 znacznie lepiej na standardowych szerokopasmowych monitorach w orientacji poziomej ni\u017c d\u0142ugi uk\u0142ad pionowy.<\/li>\n<li><strong>Wyodr\u0119bnij z\u0142o\u017cone p\u0119tle:<\/strong> Je\u015bli przep\u0142yw pracy zawiera ci\u0119\u017ck\u0105 p\u0119tl\u0119 powtarzania, jasno oznacz po\u0142\u0105czenie wsteczne (np. <code>powt\u00f3rz --&gt; |\"Pr\u00f3ba zresetowania\"| start<\/code>) aby zapobiec myleniu p\u0119tli z typowym \u015bcie\u017ck\u0105 w prz\u00f3d.<\/li>\n<li><strong>Unikaj mieszania typ\u00f3w graf\u00f3w:<\/strong> U\u017cywaj nowoczesnego <code>diagram przep\u0142ywu<\/code> s\u0142owa kluczowego zamiast przestarza\u0142ego <code>graf<\/code> flagi podczas renderowania z\u0142o\u017conych map. Silnik <code>diagram przep\u0142ywu<\/code> u\u017cywa uaktualnionego algorytmu uk\u0142adu, kt\u00f3ry obs\u0142uguje zaawansowane kombinacje strza\u0142ek i bardziej czyste routowanie \u015bcie\u017cek.<\/li>\n<\/ul>\n<h2>Przyk\u0142ady rzeczywistych schemat\u00f3w blokowych Mermaid.js<\/h2>\n<h3>Przyk\u0142ad 1: Sie\u0107 mikroserwis\u00f3w oparta na zdarzeniach (architektura od lewej do prawej)<\/h3>\n<p>To funkcjonalny szablon modeluje us\u0142ug\u0119 zbierania danych telemetrycznych z sieci web. Pokazuje, jak \u0142\u0105czy\u0107 wej\u015bcia danych, diamenty decyzyjne i kszta\u0142ty bazy danych w chmurze na wyra\u017anym poziomym p\u0142\u00f3tnie.<\/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:eNp1UU1v2zAMvQ\/YfyA6FHCBBW36gQ497NAExbbu0AZuezACQ5HomrAseRJVpx\/775PtuPMO04EAqfceycdC21aWwjH8XH38APHt78MSCzIIqLFGw2CsQg8tcQm4bTRJYnhEWyO7Z\/ClaNAPVDLESfaAm9LaCq7IoVofwGz2Nf40gXOy2eFCNBwcwrc0vYEV\/gro+XA98gdUTxGBy1yWKKvXe6FJCUZIbYXm9wAe4l9UT3rb+26eOvQA3XsDdC73bJskW2FsbOD0aA53puNZRy\/dhP9R6rvCj4c0qrSOGPM4bMAsuwkbTb4EtnAtikrAbVdfr6dzTQi9XGtdhS5vnJXJwhofanSwFFhbs+s\/QfQMtenmdpglKdXopdC4vISFDp7RHeyajaCeEet1kqUxkoluKbiKx+3Wez\/sbaC4nowStgbPzxrBPkWHSI0nHIoTLwrS+uJTURQnUn327KKtXSrnR+e7dNaS4vLiuNlOJUbfR4Ev6lyJdwElT85Oz\/4VmDfbPxln1jw=\" 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:eNp1UtFq2zAUfR\/sH0RHIYGWNmtLRx72MPow1rGVLRCICUaRrhtFtqTJMqrU7iVs9BvGPqOve2v8X7u2m8wbzBijyz3n+OieywW9trQgxkYw9Tr4irz\/9PwZwWd\/n8w4ZEKJakX85kfENoEcClDu8cGTSFbUq1AIIsvoaL12FM\/XoAtwNrDYtDollHCDZBqi17lWgUxhsdRazofk8PA1dk3lUqGToxk1ooyk\/rX5zqkSQN5OJldH861IB2s5tHLLlC2Bydsp2JAJiR6dlqC+duju+wfWsu72PggwlnrB67X2oWPs3RGwNi2dNoNk5u3jw+aenB6PCIJRQNsQtacqzIf\/Eb3qKb6bTlDPW+Eg\/VJBBUny0VSLvDXoidQ5rBiQS5pJOp\/3vfY4ra7XVoJNjdVscAGFVkhWZdVMnz456UFaCl80t7CQDC5zWjrbGJqIAkpGc7h4M3z63xbWchzYAq9Npa6\/sdiks1uF5sK7Vfgcw0JiJBhL6aji1HLtsaQcMwu+jat0IcfN6DhNAf1h+WCgXiMO3\/GLLMtOGD\/AgWg7Jliy0fH5QRnBarTyc3M\/Ji\/NTV9qG9K\/Qq\/4Oac7Ic5Ozk7P\/hYamZvfvMUHnA==\" \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\">diagram przep\u0142ywu LR\r\n    %% Zdefiniuj w\u0119z\u0142y element\u00f3w z jawnymi kszta\u0142tami geometrycznymi\r\n    init([Wyzwolony Webhook]) --&gt; input_io[\/Zapisz \u017c\u0105danie HTTP\/]\r\n    input_io --&gt; auth_check{Weryfikuj token}\r\n    \r\n    auth_check --&gt; |\"Nieprawid\u0142owy token\"| err_stop([Zwr\u00f3\u0107 401 Nieautoryzowany])\r\n    auth_check --&gt; |\"Prawid\u0142owy JWT\"| write_queue[[Opublikuj w kolejce Kafka]]\r\n    \r\n    write_queue --&gt; worker_proc(Demon konsumenta)\r\n    worker_proc --&gt; db_store[(Klastrowy TimescaleDB)]\r\n    db_store --&gt; term([Zako\u0144czony przep\u0142yw])\r\n\r\n    %% Szybkie niestandardowe nadpisywanie styl\u00f3w\r\n    style auth_check wype\u0142nienie:#fff3cd,kolor: #ffc107,szeroko\u015b\u0107: 2px\r\n    style err_stop wype\u0142nienie:#f8d7da,kolor: #dc3545,szeroko\u015b\u0107: 1px<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1UtFq2zAUfR\/sH0RHIYGWNmtLRx72MPow1rGVLRCICUaRrhtFtqTJMqrU7iVs9BvGPqOve2v8X7u2m8wbzBijyz3n+OieywW9trQgxkYw9Tr4irz\/9PwZwWd\/n8w4ZEKJakX85kfENoEcClDu8cGTSFbUq1AIIsvoaL12FM\/XoAtwNrDYtDollHCDZBqi17lWgUxhsdRazofk8PA1dk3lUqGToxk1ooyk\/rX5zqkSQN5OJldH861IB2s5tHLLlC2Bydsp2JAJiR6dlqC+duju+wfWsu72PggwlnrB67X2oWPs3RGwNi2dNoNk5u3jw+aenB6PCIJRQNsQtacqzIf\/Eb3qKb6bTlDPW+Eg\/VJBBUny0VSLvDXoidQ5rBiQS5pJOp\/3vfY4ra7XVoJNjdVscAGFVkhWZdVMnz456UFaCl80t7CQDC5zWjrbGJqIAkpGc7h4M3z63xbWchzYAq9Npa6\/sdiks1uF5sK7Vfgcw0JiJBhL6aji1HLtsaQcMwu+jat0IcfN6DhNAf1h+WCgXiMO3\/GLLMtOGD\/AgWg7Jliy0fH5QRnBarTyc3M\/Ji\/NTV9qG9K\/Qq\/4Oac7Ic5Ozk7P\/hYamZvfvMUHnA==\" \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:eNp1UU1v2zAMvQ\/YfyA6FHCBBW36gQ497NAExbbu0AZuezACQ5HomrAseRJVpx\/775PtuPMO04EAqfceycdC21aWwjH8XH38APHt78MSCzIIqLFGw2CsQg8tcQm4bTRJYnhEWyO7Z\/ClaNAPVDLESfaAm9LaCq7IoVofwGz2Nf40gXOy2eFCNBwcwrc0vYEV\/gro+XA98gdUTxGBy1yWKKvXe6FJCUZIbYXm9wAe4l9UT3rb+26eOvQA3XsDdC73bJskW2FsbOD0aA53puNZRy\/dhP9R6rvCj4c0qrSOGPM4bMAsuwkbTb4EtnAtikrAbVdfr6dzTQi9XGtdhS5vnJXJwhofanSwFFhbs+s\/QfQMtenmdpglKdXopdC4vISFDp7RHeyajaCeEet1kqUxkoluKbiKx+3Wez\/sbaC4nowStgbPzxrBPkWHSI0nHIoTLwrS+uJTURQnUn327KKtXSrnR+e7dNaS4vLiuNlOJUbfR4Ev6lyJdwElT85Oz\/4VmDfbPxln1jw=\" 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=\"mpzcybi\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-616\" decoding=\"async\" height=\"181\" loading=\"lazy\" sizes=\"auto, (max-width: 1597px) 100vw, 1597px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902c872f26.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902c872f26.png 1597w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902c872f26-300x34.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902c872f26-1024x116.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902c872f26-768x87.png 768w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902c872f26-1536x174.png 1536w\" width=\"1597\"\/><\/p>\n<p><strong>Rozk\u0142ad sk\u0142adni:<\/strong> Ten diagram p\u0142ynnie przep\u0142ywa z lewa do prawa. Krok weryfikacji u\u017cywa \u017c\u00f3\u0142tego kszta\u0142tu diamentu decyzyjnego (<code>auth_check{Weryfikacja tokenu}<\/code>), kt\u00f3ry wyci\u0105ga \u015bcie\u017ck\u0119 wykonania w spos\u00f3b wyra\u017any na dwa r\u00f3\u017cne wyniki. Magazyny danych s\u0105 od razu rozpoznawalne dzi\u0119ki ich niestandardowym cylindrom komputerowym (<code>[(Klastery TimescaleDB)]<\/code>), a tak\u017ce r\u00f3wnoleg\u0142obokowym wej\u015bciom.<\/p>\n<h3>Przyk\u0142ad 2: Silnik rejestracji u\u017cytkownika w wielowarstwowej architekturze przedsi\u0119biorstwa (pionowy z zagnie\u017cd\u017conymi podgrafami)<\/h3>\n<p>Ten zaawansowany szablon przedsi\u0119biorstwa mapuje proces rejestracji aplikacji. Organizuje kroki pionowo wzd\u0142u\u017c trzech oddzielnych podgraf\u00f3w strukturalnych, aby przedstawi\u0107 r\u00f3\u017cne warstwy architektoniczne.<\/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:eNqNkd1qwkAQhe8LvsMQEPRCpC9QSCNthbYEo\/UiSNhsRl2a7KazGzXgw3di1Gp\/oHsRNjNnds58s8zNVq4FOZiOOjfAx1bpikS5hiBXqF0yVUixFxJa\/hNOGQ2zMTyLGslbtCXNEWUZv5hU5Qh+WbLkIrfFNJ5jClHowwMZ7VBnxzTfOjffGkdIGyXx2DkwhPAoHG5FDRNTueu+JZldHcevK6V3MNYr9mlhghskixA2ycWly8qtE7uRPZ8vp0YwN\/SO1P\/bUcivKcu2z64ilBVhBiPhBARM5tpVIZROsjTuzSwS+FKaSjvLflQhqIbRff9CLIVcY6JNhnFvgpmybMzaBnTQZPo\/UXW7MMKl0gjSFEWllWwXU6oScw5bEJIMg+AJbM3GC8ibhdm2nHcFgwF4T9NpGDGsjwqt8zh01+JsVby1f6ja7yFwSO29w45guLkdNrS9\/Rn6ZcEpdqx5Q1LL+jQ313wx+VUf8NjKncCy\/gj8E58B26k=\" 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:eNqNUdtq20AQfQ\/kHwZBwH4IoT9Q6IW2eWlFbTBYBLPaHVljWbtiV2tFavoS6EeEfkbe2rzF+q+OLDkRvUCXZUEz52jOnJNsTSVTYUuYvz09AT7Ox2srihTebAl1uZoT2ihYCOvKSgDpEm2CG+fBtw91mZlKUyaCq57cHVEU0eURxl9b7ssNQW5i2mrcjKAVxtE7axisFczCV7DAeGhz5fTkN0UztDuSOEh6394+3le6Bms8T4PYirweCymsua6j6JOq7OO9NIx0aCtGHhrwcU36+mos3Jfpyu3k5EtohTwsBt61t35N4Cue2dQlbjUJvl+n\/5YZonXkeKcnqUsRY1MQyqZTIdlW63NQQtcyHSvOBemViqPJsJuAWDRiAELGRo1dZ8R0RJZCprjSRmE0ee0TY3ldx75\/RkVu+qetZ2ewVJiQJr+B9rskbB8y4im518fIaH+nmhqqPv2coDDK1bxbzsP733DccH4OQftz\/42FEsKH+TycBVx82Tvd4zjr\/8L1bx9R17oJQttgxj6yzIvdi4supuDmKa0x61gbiAu0dUIZ8zon9nfMejbpr4ylKLugVfvj4LZhxpDJLx8eD6E=\" \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\">flowchart TD\r\n    subgraph Client_Tier[\"Warstwa interfejsu u\u017cytkownika\"]\r\n        app[Interfejs aplikacji mobilnej]\r\n        web[Frontend SPA Web]\r\n    end\r\n\r\n    subgraph Service_Tier[\"G\u0142\u00f3wny router bramy\"]\r\n        proxy[[Odwr\u00f3cony serwer proxy Nginx]]\r\n        auth_svc({Pracownik us\u0142ugi uwierzytelniania})\r\n    end\r\n\r\n    subgraph Persistence_Tier[\"Zabezpieczony centrum danych\"]\r\n        main_db[(G\u0142\u00f3wna baza danych kont u\u017cytkownik\u00f3w)]\r\n        cache_node[(Bufor sesji Redis)]\r\n    end\r\n\r\n    %% Zdefiniuj \u015bcie\u017cki komunikacji mi\u0119dzy warstwami podsystem\u00f3w\r\n    app -- \"\u017b\u0105danie HTTPS\" --&gt; proxy\r\n    web -- \"\u017b\u0105danie HTTPS\" --&gt; proxy\r\n    \r\n    proxy --&gt; |\"Przekieruj \/v1\/auth\"| auth_svc\r\n    \r\n    auth_svc --&gt; |\"Weryfikuj sesj\u0119\"| cache_node\r\n    auth_svc --&gt; |\"Zatwierd\u017a konto\"| main_db<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNUdtq20AQfQ\/kHwZBwH4IoT9Q6IW2eWlFbTBYBLPaHVljWbtiV2tFavoS6EeEfkbe2rzF+q+OLDkRvUCXZUEz52jOnJNsTSVTYUuYvz09AT7Ox2srihTebAl1uZoT2ihYCOvKSgDpEm2CG+fBtw91mZlKUyaCq57cHVEU0eURxl9b7ssNQW5i2mrcjKAVxtE7axisFczCV7DAeGhz5fTkN0UztDuSOEh6394+3le6Bms8T4PYirweCymsua6j6JOq7OO9NIx0aCtGHhrwcU36+mos3Jfpyu3k5EtohTwsBt61t35N4Cue2dQlbjUJvl+n\/5YZonXkeKcnqUsRY1MQyqZTIdlW63NQQtcyHSvOBemViqPJsJuAWDRiAELGRo1dZ8R0RJZCprjSRmE0ee0TY3ldx75\/RkVu+qetZ2ewVJiQJr+B9rskbB8y4im518fIaH+nmhqqPv2coDDK1bxbzsP733DccH4OQftz\/42FEsKH+TycBVx82Tvd4zjr\/8L1bx9R17oJQttgxj6yzIvdi4supuDmKa0x61gbiAu0dUIZ8zon9nfMejbpr4ylKLugVfvj4LZhxpDJLx8eD6E=\" \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:eNqNkd1qwkAQhe8LvsMQEPRCpC9QSCNthbYEo\/UiSNhsRl2a7KazGzXgw3di1Gp\/oHsRNjNnds58s8zNVq4FOZiOOjfAx1bpikS5hiBXqF0yVUixFxJa\/hNOGQ2zMTyLGslbtCXNEWUZv5hU5Qh+WbLkIrfFNJ5jClHowwMZ7VBnxzTfOjffGkdIGyXx2DkwhPAoHG5FDRNTueu+JZldHcevK6V3MNYr9mlhghskixA2ycWly8qtE7uRPZ8vp0YwN\/SO1P\/bUcivKcu2z64ilBVhBiPhBARM5tpVIZROsjTuzSwS+FKaSjvLflQhqIbRff9CLIVcY6JNhnFvgpmybMzaBnTQZPo\/UXW7MMKl0gjSFEWllWwXU6oScw5bEJIMg+AJbM3GC8ibhdm2nHcFgwF4T9NpGDGsjwqt8zh01+JsVby1f6ja7yFwSO29w45guLkdNrS9\/Rn6ZcEpdqx5Q1LL+jQ313wx+VUf8NjKncCy\/gj8E58B26k=\" 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=\"pSGGZOL\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-617\" decoding=\"async\" height=\"644\" loading=\"lazy\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902d48117d.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902d48117d.png 511w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902d48117d-238x300.png 238w\" width=\"511\"\/><\/p>\n<p><strong>Rozk\u0142ad sk\u0142adni:<\/strong> Wska\u017anik orientacji od g\u00f3ry do do\u0142u (<code>flowchart TD<\/code>), kt\u00f3ry zmusza silnik uk\u0142adu do uk\u0142adania komponent\u00f3w wyra\u017anie od g\u00f3ry do do\u0142u. Bloki ograniczaj\u0105ce grupuj\u0105 powi\u0105zane komponenty w oddzielnych warstwach (Klient, Us\u0142uga i Przechowywanie), nadaj\u0105c ca\u0142ej architekturze intuicyjny, bardzo uporz\u0105dkowany wygl\u0105d.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Czym jest diagram przep\u0142ywu? A Diagram przep\u0142ywu to podstawowy schemat zachowania, kt\u00f3ry wizualizuje krok po kroku przebieg dzia\u0142ania, procedur\u0119 algorytmiczn\u0105 lub sekwencyjn\u0105 logik\u0119 biznesow\u0105. Przedstawiaj\u0105c dzia\u0142ania systemu jako odr\u0119bne kszta\u0142ty geometryczne i wyznaczaj\u0105c przep\u0142yw sterowania za pomoc\u0105 strza\u0142ek kierunkowych, diagram&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":1,"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-2114","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 Flowchart Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Create logic decision flowcharts with Mermaid.js in VPasCode, a web-based diagram-as-code tool for software developers.\" \/>\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-flowchart-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid Flowchart Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Create logic decision flowcharts with Mermaid.js in VPasCode, a web-based diagram-as-code tool for software developers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-flowchart-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902a0955b5.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-flowchart-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/mermaid-js-flowchart-syntax-guide\\\/\",\"name\":\"Mermaid Flowchart 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-flowchart-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/mermaid-js-flowchart-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1902a0955b5.png\",\"datePublished\":\"2026-05-26T08:05:43+00:00\",\"description\":\"Create logic decision flowcharts with Mermaid.js in VPasCode, a web-based diagram-as-code tool for software developers.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/mermaid-js-flowchart-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/mermaid-js-flowchart-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/mermaid-js-flowchart-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1902a0955b5.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1902a0955b5.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/pl\\\/docs\\\/vpascode-docs\\\/mermaid-js-flowchart-syntax-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\":\"Przewodnik po sk\u0142adni diagram\u00f3w przep\u0142ywu Mermaid.js\"}]},{\"@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 Flowchart Syntax | VPasCode Text to Diagram Guide","description":"Create logic decision flowcharts with Mermaid.js in VPasCode, a web-based diagram-as-code tool for software developers.","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-flowchart-syntax-guide\/","og_locale":"pl_PL","og_type":"article","og_title":"Mermaid Flowchart Syntax | VPasCode Text to Diagram Guide","og_description":"Create logic decision flowcharts with Mermaid.js in VPasCode, a web-based diagram-as-code tool for software developers.","og_url":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-flowchart-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902a0955b5.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-flowchart-syntax-guide\/","url":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-flowchart-syntax-guide\/","name":"Mermaid Flowchart 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-flowchart-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-flowchart-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902a0955b5.png","datePublished":"2026-05-26T08:05:43+00:00","description":"Create logic decision flowcharts with Mermaid.js in VPasCode, a web-based diagram-as-code tool for software developers.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-flowchart-syntax-guide\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-flowchart-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-flowchart-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902a0955b5.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1902a0955b5.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/pl\/docs\/vpascode-docs\/mermaid-js-flowchart-syntax-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":"Przewodnik po sk\u0142adni diagram\u00f3w przep\u0142ywu Mermaid.js"}]},{"@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\/2114","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\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/media?parent=2114"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/pl\/wp-json\/wp\/v2\/ld_collection?post=2114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}