{"id":2730,"date":"2026-06-15T10:28:41","date_gmt":"2026-06-15T02:28:41","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/"},"modified":"2026-06-15T10:28:41","modified_gmt":"2026-06-15T02:28:41","slug":"vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","title":{"rendered":"VPasCode rozszerza obs\u0142ug\u0119 Mermaid: diagramy Ishikawa, modelowanie zdarze\u0144, diagramy Venna i mapy Wardley s\u0105 teraz dost\u0119pne"},"content":{"rendered":"<p>\ud83d\ude80 <strong>Visual Paradigm<\/strong> jest zadowolony z og\u0142oszeniu, \u017ce <a href=\"https:\/\/www.vpascode.com\/\"><strong>VPasCode<\/strong><\/a> \u2013 nasza zintegrowana platforma diagram\u00f3w jako kodu \u2013 obs\u0142uguje ju\u017c cztery dodatkowe typy diagram\u00f3w Mermaid. Teraz mo\u017cesz tworzy\u0107 nast\u0119puj\u0105ce profesjonalne diagramy przy u\u017cyciu prostego zapisu tekstowego:<\/p>\n<ul>\n<li><strong>\ud83d\udc1f Diagram Ishikawy (ryba \/ przyczyna i skutek)<\/strong> \u2013 analiza przyczyn g\u0142\u0119bokich staje si\u0119 \u0142atwa<\/li>\n<li><strong>\u26a1 Diagram modelowania zdarze\u0144<\/strong> \u2013 projektowanie przep\u0142ywu informacji i harmonogram\u00f3w w systemie<\/li>\n<li><strong>\ud83d\udfe1 Diagram Venna<\/strong> \u2013 wizualizuj relacje mi\u0119dzy zbiorami i ich przeci\u0119cia<\/li>\n<li><strong>\ud83d\uddfa\ufe0f Mapy Wardleya<\/strong> \u2013 mapowanie \u0142a\u0144cucha warto\u015bci strategicznej i analiza ewolucji<\/li>\n<\/ul>\n<p>Niezale\u017cnie od tego, czy jeste\u015b mened\u017cerem produktu, architektem oprogramowania, programist\u0105 czy strategiem, VPasCode pomaga Ci tworzy\u0107 diagramy przy u\u017cyciu sk\u0142adni, kt\u00f3r\u0105 ju\u017c znasz, z <strong>podgl\u0105d w czasie rzeczywistym, udost\u0119pnianie URL jednym klikni\u0119ciem i darmowa eksportacja do SVG\/PNG<\/strong>.<\/p>\n<hr\/>\n<h2>\ud83d\udd0d Czym VPasCode si\u0119 r\u00f3\u017cni?<\/h2>\n<p><strong>VPasCode<\/strong> (skr\u00f3t od <strong>V<\/strong>isual <strong>P<\/strong>aradigm\u2019s <strong>a<\/strong>s<strong>Code<\/strong> platforma) to <strong>zintegrowane \u015brodowisko tekst do diagramu<\/strong>. Renderuje <strong>PlantUML, Mermaid, Graphviz<\/strong>, i wi\u0119cej (z dodatkowymi formatami wkr\u00f3tce). Mo\u017cesz swobodnie przepisywa\u0107 si\u0119 mi\u0119dzy sk\u0142adniami w tym samym edytorze, nie ucz\u0105c si\u0119 wielu narz\u0119dzi.<\/p>\n<p>To ulepszenie skupia si\u0119 na najnowszej sk\u0142adni Mermaid (v11.12.3+ i v11.15.0+). Poni\u017cej znajdziesz dzia\u0142aj\u0105ce przyk\u0142ady kodu dla ka\u017cdego nowego typu diagramu \u2013 po prostu skopiuj i wklej je do VPasCode.<\/p>\n<hr\/>\n<h2>\ud83d\udccc 1. Diagram Ishikawy (kostka ryby) \u2013 analiza przyczyn g\u0142\u0119bokich<\/h2>\n<p>Znany r\u00f3wnie\u017c jako diagram przyczyn i skutk\u00f3w lub diagram kostki ryby. Idealny do zarz\u0105dzania jako\u015bci\u0105 i sesji rozwi\u0105zywania problem\u00f3w.<\/p>\n<h3>\u2705 Przyk\u0142ad \u2013 analiza przyczyn g\u0142\u0119bokich \u201eZamazane zdj\u0119cie\u201d<\/h3>\n<p id=\"HgCMnJm\"><img fetchpriority=\"high\" alt=\"A Mermaid Ishikawa (Fishbone) Diagram \u2013 Root Cause Analysis\" class=\"alignnone wp-image-2700 size-full\" decoding=\"async\" fetchpriority=\"high\" height=\"580\" sizes=\"(max-width: 471px) 100vw, 471px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f6166aac75.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f6166aac75.png 471w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f6166aac75-244x300.png 244w\" width=\"471\"\/><\/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\/#mermaid:eNptUEFOw0AMvCPxB3+AT1TkgITaisAD3MQhJpv11utNld9304I2RZmbZ0Zjezj2POAFX05k+PwEGTuXVGc49mJyZ44qDcV4HxYckoF00EmTVmzdJzNSiIGoBROB6ORS9Bxj1BhPBB27EbwYKI0yUVtMO8Jk3HGDxuIX4xKJITj+s31F0vVWHGbo0be\/p1TnxGEkb8XzXu3rMi148zlSJSijETjy8VF\/xRG\/8xcbCqvN\/\/g65x8+thNidopuZayVyk+s4h\/PrtPpJxcGt4puhebXmsHNxfKZyRZ1uAKeWHtY\" 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\/#mermaid:eNp9kV1KAzEQx98F7zAX8BJiBRFasRaxb7O70U6zm1kyWULyWBDPUL1KHzf3Mv2ArcV2nsLML\/\/5+JMsSKPHm0I5vL6CHHNsMKJREKtlvy5J7dNPlksl+\/cOK4KDBtMKgcVZTj\/910nVc20QJIZC78rQ0Ad6TQN2T3UDXC4sGxPAkIJOOkP92oUjLRTHwh6z2DvVzkJXq1YiLvvP8sDN0iY4zd6QHj7epRVvNSubNhk9LDJtbcwNBmxy+zB6fHl7HTLbGJPiqmVPqjIEXJDSLvi\/zEyi5ipynv1\/YI65fxmDxPIMNR2Np5Pns7KijLC9LHrMpG\/LVR5aNB8tuOsKLdsum5FWIPnCELcW7c058S173hj+BdW7p+U=\" \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\">ishikawa-beta\r\n    Zamazane zdj\u0119cie\r\n    Proces\r\n        Zbyt ma\u0142a ostro\u015b\u0107\r\n        Zbyt wolna szybko\u015b\u0107 migawki\r\n        Film ochronny nie usuni\u0119ty\r\n        Zastosowana filtr ulepszaj\u0105cy\r\n    U\u017cytkownik\r\n        D\u0142onie dr\u017c\u0105ce\r\n    Sprz\u0119t\r\n        OBIEKTYW\r\n            Nieodpowiedni obiektyw\r\n            Uszkodzony obiektyw\r\n            Zanieczyszczony obiektyw\r\n        SENSOR\r\n            Uszkodzony sensor\r\n            Zanieczyszczony sensor\r\n    \u015arodowisko\r\n        Obiekt poruszy\u0142 si\u0119 zbyt szybko\r\n        Zbyt ciemno\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNp9kV1KAzEQx98F7zAX8BJiBRFasRaxb7O70U6zm1kyWULyWBDPUL1KHzf3Mv2ArcV2nsLML\/\/5+JMsSKPHm0I5vL6CHHNsMKJREKtlvy5J7dNPlksl+\/cOK4KDBtMKgcVZTj\/910nVc20QJIZC78rQ0Ad6TQN2T3UDXC4sGxPAkIJOOkP92oUjLRTHwh6z2DvVzkJXq1YiLvvP8sDN0iY4zd6QHj7epRVvNSubNhk9LDJtbcwNBmxy+zB6fHl7HTLbGJPiqmVPqjIEXJDSLvi\/zEyi5ipynv1\/YI65fxmDxPIMNR2Np5Pns7KijLC9LHrMpG\/LVR5aNB8tuOsKLdsum5FWIPnCELcW7c058S173hj+BdW7p+U=\" \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\/#mermaid:eNptUEFOw0AMvCPxB3+AT1TkgITaisAD3MQhJpv11utNld9304I2RZmbZ0Zjezj2POAFX05k+PwEGTuXVGc49mJyZ44qDcV4HxYckoF00EmTVmzdJzNSiIGoBROB6ORS9Bxj1BhPBB27EbwYKI0yUVtMO8Jk3HGDxuIX4xKJITj+s31F0vVWHGbo0be\/p1TnxGEkb8XzXu3rMi148zlSJSijETjy8VF\/xRG\/8xcbCqvN\/\/g65x8+thNidopuZayVyk+s4h\/PrtPpJxcGt4puhebXmsHNxfKZyRZ1uAKeWHtY\" 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><em>\ud83d\udca1 Uwagi sk\u0142adniowe: pierwsza linia definiuje problem (g\u0142owa ryby). Wci\u0119cia tworz\u0105 hierarchiczne ga\u0142\u0119zie przyczyn (kostki ryby).<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udccc 2. Diagram modelowania zdarze\u0144 \u2013 zachowanie systemu w czasie<\/h2>\n<p>Modelowanie zdarze\u0144 opisuje, jak informacje zmieniaj\u0105 si\u0119 w systemie w czasie. U\u017cywa interfejsu u\u017cytkownika, polece\u0144, zdarze\u0144 i procesor\u00f3w u\u0142o\u017conych w kana\u0142ach. VPasCode obs\u0142uguje zar\u00f3wno skr\u00f3con\u0105, jak i lu\u017an\u0105 sk\u0142adni\u0119, dane w linii oraz bloki danych zewn\u0119trznych.<\/p>\n<h3>\u2705 Minimalny przyk\u0142ad \u2013 przep\u0142yw dodawania elementu do koszyka<\/h3>\n<p id=\"lxtWapC\"><img alt=\"Mermaid Event Modeling Diagram Example: Shopping Cart Add Item Flow\" class=\"alignnone wp-image-2701 size-full\" decoding=\"async\" height=\"470\" sizes=\"(max-width: 692px) 100vw, 692px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61864fcee.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61864fcee.png 692w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61864fcee-300x204.png 300w\" width=\"692\"\/><\/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\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5kKEjBVSy0oUQHygcGoKAC5XFiQ=\" 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\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5kKEjBVSy0oUQHygcGoKAC5XFiQ=\" \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\">eventmodeling\r\n\r\ntf 01 ui CartUI\r\ntf 02 cmd AddItem\r\ntf 03 evt ItemAdded\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5kKEjBVSy0oUQHygcGoKAC5XFiQ=\" \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\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5kKEjBVSy0oUQHygcGoKAC5XFiQ=\" 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<h3>\u2705 Przyk\u0142ad danych w linii<\/h3>\n<p id=\"tgRMMJs\"><img alt=\"\" class=\"alignnone size-full wp-image-2710\" decoding=\"async\" height=\"412\" sizes=\"(max-width: 846px) 100vw, 846px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f630c74345.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f630c74345.png 846w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f630c74345-300x146.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f630c74345-768x374.png 768w\" width=\"846\"\/><\/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\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5ipUK6SkFicXZRaUZObnWSkUlxQB9SrUQpQaK6SWlSiA1AGVp6bgUgwAKDIn\/g==\" 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\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5ipUK6SkFicXZRaUZObnWSkUlxQB9SrUQpQaK6SWlSiA1AGVp6bgUgwAKDIn\/g==\" \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\">eventmodeling\r\n\r\ntf 01 ui CartUI\r\ntf 02 cmd AddItem { description: string }\r\ntf 03 evt ItemAdded { description: string }\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5ipUK6SkFicXZRaUZObnWSkUlxQB9SrUQpQaK6SWlSiA1AGVp6bgUgwAKDIn\/g==\" \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\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5ipUK6SkFicXZRaUZObnWSkUlxQB9SrUQpQaK6SWlSiA1AGVp6bgUgwAKDIn\/g==\" 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<h3>\u2705 Bloki danych i wiele odwo\u0142a\u0144<\/h3>\n<p id=\"aTTFCzL\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2709\" decoding=\"async\" height=\"371\" loading=\"lazy\" sizes=\"auto, (max-width: 1468px) 100vw, 1468px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f62f0096ce.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f62f0096ce.png 1468w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f62f0096ce-300x76.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f62f0096ce-1024x259.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f62f0096ce-768x194.png 768w\" width=\"1468\"\/><\/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\/#mermaid:eNp9kLEOgjAQhvcmfYfb2AhUWNyMkw\/gRIip9MSqLaQUFuO7WwSKCeh2+e6\/73KHHWqrKoEPqUtKKLEXiGJoJey5scfDABgUSsBOiINFBVk2VlGc50NgA9hZ6JlroXARX0+R5IeDTYH0v4MSwS0HvxqelAAIbAojaysrvYXgVl110GOpeIkO8M7NmJPntZGF4ywKE0peCylblfLiviqd+CiNWZh+S+dLltLGms+\/vXQGo0236ozG+d5z537F\" 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\/#mermaid:eNp9kLEOgjAQhvcmfYfb2AhUWNyMkw\/gRIip9MSqLaQUFuO7WwSKCeh2+e6\/73KHHWqrKoEPqUtKKLEXiGJoJey5scfDABgUSsBOiINFBVk2VlGc50NgA9hZ6JlroXARX0+R5IeDTYH0v4MSwS0HvxqelAAIbAojaysrvYXgVl110GOpeIkO8M7NmJPntZGF4ywKE0peCylblfLiviqd+CiNWZh+S+dLltLGms+\/vXQGo0236ozG+d5z537F\" \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\">eventmodeling\r\n\r\ntf 01 ui CartUI\r\ntf 02 cmd AddItem [[AddItem01]]\r\ntf 03 evt ItemAdded [[ItemAdded]]\r\ntf 04 cmd AddItem [[AddItem02]]\r\ntf 05 evt ItemAdded [[ItemAdded]]\r\n\r\ndata AddItem01 {\r\n  description: 'john'\r\n  image: 'avatar_john'\r\n  price: 20.4\r\n}\r\n\r\ndata AddItem02 {\r\n  description: 'jack'\r\n  image: 'avatar_jack'\r\n  price: 12.5\r\n}\r\n\r\ndata ItemAdded {\r\n  description: string\r\n  image: string\r\n  price: number\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNp9kLEOgjAQhvcmfYfb2AhUWNyMkw\/gRIip9MSqLaQUFuO7WwSKCeh2+e6\/73KHHWqrKoEPqUtKKLEXiGJoJey5scfDABgUSsBOiINFBVk2VlGc50NgA9hZ6JlroXARX0+R5IeDTYH0v4MSwS0HvxqelAAIbAojaysrvYXgVl110GOpeIkO8M7NmJPntZGF4ywKE0peCylblfLiviqd+CiNWZh+S+dLltLGms+\/vXQGo0236ozG+d5z537F\" \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\/#mermaid:eNp9kLEOgjAQhvcmfYfb2AhUWNyMkw\/gRIip9MSqLaQUFuO7WwSKCeh2+e6\/73KHHWqrKoEPqUtKKLEXiGJoJey5scfDABgUSsBOiINFBVk2VlGc50NgA9hZ6JlroXARX0+R5IeDTYH0v4MSwS0HvxqelAAIbAojaysrvYXgVl110GOpeIkO8M7NmJPntZGF4ywKE0peCylblfLiviqd+CiNWZh+S+dLltLGms+\/vXQGo0236ozG+d5z537F\" 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<h3>\u2705 Zresetuj klatk\u0119<\/h3>\n<p id=\"kVUbKbp\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2704\" decoding=\"async\" height=\"750\" loading=\"lazy\" sizes=\"auto, (max-width: 1363px) 100vw, 1363px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61a7e000e.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61a7e000e.png 1363w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61a7e000e-300x165.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61a7e000e-1024x563.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61a7e000e-768x423.png 768w\" width=\"1363\"\/><\/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\/#mermaid:eNpljjsOgzAMhnck7uATVH13rlCHbF04QJS4FIk4lTGI3r44llg6+vsf\/nFGkpQjDj11dVVX8oL9AaYeGs\/SOgNHCCnCPUYnmAydAGcBvVeMUaO84nPBj0WQyQ87R9qf+du8PXVq0+wFPoFh056cA45jZlOv5ZkFNo9Jt9Kuy\/6afwzaQeU=\" 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\/#mermaid:eNpljjsOwjAMhvdKvYNPgHgzo4ohG0sPYMUGKjUJct0WOnM17kWTSF0Y\/f0P\/y4Qt2FE3zBMhDLx91MWZaE3WG+gb6BC0dpksAXrCM5ERtlltAMeFOI9Y6YYlRnvE768lMVjuzJ+YK9B3tUD\/T3aYvYATyuwaFcJlrsuSFaP6VkOLJ4snVJ7XPbX\/AOFW0UB\" \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\">modelowanie zdarze\u0144\r\n\r\ntf 01 ui CartUI\r\ntf 02 cmd AddItem\r\ntf 03 evt ItemAdded\r\n\r\nrf 04 evt External.InventoryChanged\r\ntf 05 pcr InventoryProcessor\r\ntf 06 cmd ChangeInventory\r\ntf 07 evt Cart.InventoryChanged\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpljjsOwjAMhvdKvYNPgHgzo4ohG0sPYMUGKjUJct0WOnM17kWTSF0Y\/f0P\/y4Qt2FE3zBMhDLx91MWZaE3WG+gb6BC0dpksAXrCM5ERtlltAMeFOI9Y6YYlRnvE768lMVjuzJ+YK9B3tUD\/T3aYvYATyuwaFcJlrsuSFaP6VkOLJ4snVJ7XPbX\/AOFW0UB\" \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\/#mermaid:eNpljjsOgzAMhnck7uATVH13rlCHbF04QJS4FIk4lTGI3r44llg6+vsf\/nFGkpQjDj11dVVX8oL9AaYeGs\/SOgNHCCnCPUYnmAydAGcBvVeMUaO84nPBj0WQyQ87R9qf+du8PXVq0+wFPoFh056cA45jZlOv5ZkFNo9Jt9Kuy\/6afwzaQeU=\" 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><em>\ud83d\udca1 Kluczowe tokeny: <code>tf<\/code> (ramy czasowe), <code>rf<\/code> (ramy resetowe), <code>ui \/ cmd \/ evt \/ pcr \/ rmo<\/code> (typy encji). U\u017cyj przestrzeni nazw takich jak <code>Inventory.InventoryChanged<\/code> aby utworzy\u0107 osobne rzeki.<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udccc 3. Diagram Venna \u2013 Relacje i przeci\u0119cia zbior\u00f3w<\/h2>\n<p>Poka\u017c relacje logiczne mi\u0119dzy zbiorami za pomoc\u0105 nak\u0142adaj\u0105cych si\u0119 okr\u0119g\u00f3w. Obs\u0142uguje niestandardowe rozmiary, etykiety, w\u0119z\u0142y tekstowe i stylizacj\u0119.<\/p>\n<h3>\u2705 Podstawowy przyk\u0142ad \u2013 nak\u0142adanie si\u0119 zespo\u0142\u00f3w<\/h3>\n<p id=\"EXrYkFR\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2705\" decoding=\"async\" height=\"450\" loading=\"lazy\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61b2f0864.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61b2f0864.png 800w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61b2f0864-300x169.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61b2f0864-768x432.png 768w\" width=\"800\"\/><\/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\/#mermaid:eNorS83L001KLUnk5VJQKMksyUlVUApJTcxVCM7OzMkpVvAvSy3KSSxQAkkXp5YouBXl55Wk5qXA+E6JydlQbmleZn4eXIEOVCZayTHAU8EltTgzPU8pFgDOMSPi\" 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\/#mermaid:eNorS83L001KLUnk5VJQKMksyUlVUPJLzD7alJiSmJeZqlCceWSmQmluZmrWkZkleflHZydnKlSlFhfkH206vLlcCaSrOLVEwa0oP68kNS8FxndKTM6GckvzMvPz4Ap0oDLRSgFF+Vmp2SX55WB7HAM8lWIBphEzjQ==\" \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\">venn-beta\r\n  title \"Nak\u0142adanie si\u0119 umiej\u0119tno\u015bci zespo\u0142\u00f3w\"\r\n  set Frontend\r\n  set Backend\r\n  union Frontend,Backend[\"Projektowanie API\"]\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNorS83L001KLUnk5VJQKMksyUlVUPJLzD7alJiSmJeZqlCceWSmQmluZmrWkZkleflHZydnKlSlFhfkH206vLlcCaSrOLVEwa0oP68kNS8FxndKTM6GckvzMvPz4Ap0oDLRSgFF+Vmp2SX55WB7HAM8lWIBphEzjQ==\" \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\/#mermaid:eNorS83L001KLUnk5VJQKMksyUlVUApJTcxVCM7OzMkpVvAvSy3KSSxQAkkXp5YouBXl55Wk5qXA+E6JydlQbmleZn4eXIEOVCZayTHAU8EltTgzPU8pFgDOMSPi\" 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<h3>\u2705 Przyk\u0142ad rozmiar\u00f3w, w\u0119z\u0142\u00f3w tekstowych i stylizacji<\/h3>\n<p id=\"cAwlpUE\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2706\" decoding=\"async\" height=\"450\" loading=\"lazy\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61bb3d912.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61bb3d912.png 800w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61bb3d912-300x169.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61bb3d912-768x432.png 768w\" width=\"800\"\/><\/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\/#mermaid:eNpNzU0LgkAUheF90H+4TFuD1D7AnRJBqyLbiQudjiGNd6SZIv99IxnM9r6c577BvKxhq\/mMyMBSWojDU7MF3+iKqhNlEq3GSGTxcT0sxAWVtKL0r1Eh9jDtnSkfjEVnfnkUs0JklXx4YBh508yB6flIe7yhdN+BJ\/rFrWZKA7c\/vJRaGusUyh+tUk5PYv\/9iJx68AjlPeT03Q4KlFLjJsmiabb1tvbuQUZSK\/1MFpGMsVl5KfwX7NYyll+2l1X\/\" 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\/#mermaid:eNpNzsFqwkAQBuB7oe8wrFcFk7QWcksOgiel0kuDh804C5usuyE7atNj36L0MXwE63s1IVT2Ov\/\/f8yJrJ2VxPLxAcATQ1aId\/LN9XL7gmXrLJPdi10az4cCANNH34kK8UoSWezCa1yIbeeZDh00rauoZneWVsuxNeB5gOcS69GO4kDJB9t9nq+XCrLNatwerXYWsmm\/fztoqn6\/2brbD2pQR2Nmnnurh5LwmwHaNoSd0rXESsK6IXsXPXeGIAOljUknSi3KRRncpzmgM65NJzEm9DwPoug\/oZcnTPAPLcJlrA==\" \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\">venn-beta\r\n  set A[\"Zesp\u00f3\u0142 Frontend\"]:20\r\n    text A1[\"React\"]\r\n    text A2[\"Systemy projektowania\"]\r\n  set B[\"Zesp\u00f3\u0142 Backend\"]:12\r\n    text B1[\"Rozw\u00f3j API\"]\r\n  union A,B[\"Umiej\u0119tno\u015bci full-stack\"]:3\r\n    text AB1[\"Specyfikacja OpenAPI\"]\r\n  style A fill:#ff6b6b\r\n  style A,B color:#2c3e50\r\n  style A1 color:#e74c3c\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpNzsFqwkAQBuB7oe8wrFcFk7QWcksOgiel0kuDh804C5usuyE7atNj36L0MXwE63s1IVT2Ov\/\/f8yJrJ2VxPLxAcATQ1aId\/LN9XL7gmXrLJPdi10az4cCANNH34kK8UoSWezCa1yIbeeZDh00rauoZneWVsuxNeB5gOcS69GO4kDJB9t9nq+XCrLNatwerXYWsmm\/fztoqn6\/2brbD2pQR2Nmnnurh5LwmwHaNoSd0rXESsK6IXsXPXeGIAOljUknSi3KRRncpzmgM65NJzEm9DwPoug\/oZcnTPAPLcJlrA==\" \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\/#mermaid:eNpNzU0LgkAUheF90H+4TFuD1D7AnRJBqyLbiQudjiGNd6SZIv99IxnM9r6c577BvKxhq\/mMyMBSWojDU7MF3+iKqhNlEq3GSGTxcT0sxAWVtKL0r1Eh9jDtnSkfjEVnfnkUs0JklXx4YBh508yB6flIe7yhdN+BJ\/rFrWZKA7c\/vJRaGusUyh+tUk5PYv\/9iJx68AjlPeT03Q4KlFLjJsmiabb1tvbuQUZSK\/1MFpGMsVl5KfwX7NYyll+2l1X\/\" 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><em>\ud83d\udca1 U\u017cyj <code>:liczba<\/code> aby kontrolowa\u0107 rozmiar okr\u0119g\u00f3w, <code>text<\/code> aby doda\u0107 etykiety wewn\u0105trz zbior\u00f3w, oraz <code>style<\/code> do niestandardowych kolor\u00f3w.<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udccc 4. Mapy Wardley\u2019ego \u2013 mapowanie \u0142a\u0144cucha warto\u015bci strategicznej<\/h2>\n<p>Mapy Wardley\u2019ego pomagaj\u0105 wizualizowa\u0107 sk\u0142adniki firmy lub systemu, ich pozycj\u0119 w \u0142a\u0144cuchu warto\u015bci oraz etap ewolucji (Pocz\u0105tek \u2192 W\u0142asna budowa \u2192 Produkt \u2192 Towar). VPasCode w pe\u0142ni obs\u0142uguje oficjalny sk\u0142adnia Mermaid dla map Wardley\u2019ego przy u\u017cyciu<code>wardley-beta<\/code> jako typ diagramu.<\/p>\n<h3>\u2705 Przyk\u0142ad \u2013 \u015acie\u017cka rozwoju oprogramowania<\/h3>\n<p id=\"jDneYPM\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2707\" decoding=\"async\" height=\"600\" loading=\"lazy\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61c5180f8.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61c5180f8.png 900w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61c5180f8-300x200.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/img_6a2f61c5180f8-768x512.png 768w\" width=\"900\"\/><\/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\/#mermaid:eNptkbFOwzAQhvdIeYdTZloMbSgsSKhdOoCQKibUwXWuwpJjW865Vd4e20FtEzz783f\/\/XfmrlHYzw5IvCxIkkLYmSOduUPYoFWmb1ETfEqLSmosi7LgWvwYB9VXhw4+EJuugm82f6nvgM1XbF8WwrTW6Piveufac3WjSuxDYh\/rMbve3q83sBNOWhqcy8TVE+ebJ9NywuYSK8GrBD9Npcr4Brb66HhHzgvybsAXLOLL6C6L0TKz1+yMQOUmR3qcPICTVSLzv4nAZepJvlzomBNPRp0wW2vok12BSYBQYn19zK3B5s83RL61eN6YQhu6MLwxlqTRwIVAhS5oO7B\/WghTvJPUD9dMjS\/q\/S8CUsW4\" 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\/#mermaid:eNp1krFOwzAURfdI+YenzLQE2lBYkFBZulUwog6viYHEjR05tiJn7F8UfiVj\/V\/YpoI2SsbI5913781rUGQ7oidbIjEMpJbK7MF8pTkxHUVoMoGmQ5Yj8ErwD4Elb9xnGIRBpRiVEK25FC3ZalCm05LyhuUUI3iLpw\/JFcTTRbwJg5qaPWb2BaKX4yFtGfnXJh6+8fBtcgm\/UqErqWG5ul4+e27uuaQn+qQkL1Fqq4xgvk\/+\/cDCD9z1hFfsXWAthaJSCYT0s1RCe34WO37uFoTBWLrJ4+hOOzTmxk1dJrJwL6JjBiqy4FBxjh6O4tyThu9UWuBw6bbt+JzpGbElJ+fPY6Hi6f0FN9KsOwTniXGJ0p5WtLa9Fl4H2Ak7HqASra6rnNQtQsYLy7h7I38L898j8P9olmx+AIxD+Es=\" \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 \u015acie\u017cka wdra\u017cania oprogramowania\r\n\r\npunkt \"Potrzeby u\u017cytkownika\" [0.95, 0.70]\r\nsk\u0142adnik \"R\u0119czne wdra\u017canie\" [0.15, 0.25]\r\nsk\u0142adnik \"Skrypty CI\/CD\" [0.45, 0.50]\r\nsk\u0142adnik \"Automatyczna \u015bcie\u017cka\" [0.75, 0.65]\r\nsk\u0142adnik \"Infrastruktura chmury\" [0.30, 0.40]\r\n\r\n\"Potrzeby u\u017cytkownika\" -&gt; \"Automatyczna \u015bcie\u017cka\"\r\n\"Automatyczna \u015bcie\u017cka\" -&gt; \"Skrypty CI\/CD\"\r\n\"Skrypty CI\/CD\" -&gt; \"R\u0119czne wdra\u017canie\"\r\n\"R\u0119czne wdra\u017canie\" -&gt; \"Infrastruktura chmury\"\r\n\r\newolucja \"R\u0119czne wdra\u017canie\" 0.20\r\newolucja \"Skrypty CI\/CD\" 0.55\r\newolucja \"Automatyczna \u015bcie\u017cka\" 0.85\r\newolucja \"Infrastruktura chmury\" 0.70\r\n\r\nnotatka \"Przej\u015bcie na chmur\u0119 przyspiesza dojrzewanie \u015bcie\u017cki\" [0.40, 0.35]\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNp1krFOwzAURfdI+YenzLQE2lBYkFBZulUwog6viYHEjR05tiJn7F8UfiVj\/V\/YpoI2SsbI5913781rUGQ7oidbIjEMpJbK7MF8pTkxHUVoMoGmQ5Yj8ErwD4Elb9xnGIRBpRiVEK25FC3ZalCm05LyhuUUI3iLpw\/JFcTTRbwJg5qaPWb2BaKX4yFtGfnXJh6+8fBtcgm\/UqErqWG5ul4+e27uuaQn+qQkL1Fqq4xgvk\/+\/cDCD9z1hFfsXWAthaJSCYT0s1RCe34WO37uFoTBWLrJ4+hOOzTmxk1dJrJwL6JjBiqy4FBxjh6O4tyThu9UWuBw6bbt+JzpGbElJ+fPY6Hi6f0FN9KsOwTniXGJ0p5WtLa9Fl4H2Ak7HqASra6rnNQtQsYLy7h7I38L898j8P9olmx+AIxD+Es=\" \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\/#mermaid:eNptkbFOwzAQhvdIeYdTZloMbSgsSKhdOoCQKibUwXWuwpJjW865Vd4e20FtEzz783f\/\/XfmrlHYzw5IvCxIkkLYmSOduUPYoFWmb1ETfEqLSmosi7LgWvwYB9VXhw4+EJuugm82f6nvgM1XbF8WwrTW6Piveufac3WjSuxDYh\/rMbve3q83sBNOWhqcy8TVE+ebJ9NywuYSK8GrBD9Npcr4Brb66HhHzgvybsAXLOLL6C6L0TKz1+yMQOUmR3qcPICTVSLzv4nAZepJvlzomBNPRp0wW2vok12BSYBQYn19zK3B5s83RL61eN6YQhu6MLwxlqTRwIVAhS5oO7B\/WghTvJPUD9dMjS\/q\/S8CUsW4\" 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><em>\ud83d\udca1 Nazwy sk\u0142adnik\u00f3w zawieraj\u0105ce spacje musz\u0105 by\u0107 otoczone podw\u00f3jnymi cudzys\u0142owami. Wsp\u00f3\u0142rz\u0119dne zmieniaj\u0105 si\u0119 od 0 do 1 na obu osiach (widoczno\u015b\u0107 wobec ewolucji).<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udee0\ufe0f Wypr\u00f3buj VPasCode teraz<\/h2>\n<p>Przejd\u017a do<strong>VPasCode<\/strong> edytora:<a href=\"https:\/\/www.vpascode.com\/\">https:\/\/www.vpascode.com\/<\/a>.<\/p>\n<p>Wybierz tryb sk\u0142adni Mermaid, wklej dowolny z powy\u017cszych przyk\u0142ad\u00f3w kodu i obserwuj, jak tw\u00f3j diagram natychmiast si\u0119 renderuje.<\/p>\n<p><strong>Zacznij bezp\u0142atnie<\/strong> \u2013 Nie wymaga karty kredytowej, nie wymaga instalacji. Wszystko, czego potrzebujesz, to przegl\u0105darka.<\/p>\n<hr\/>\n<h2>\ud83d\udcd6 Oficjalna dokumentacja i odniesienia<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/\" rel=\"noopener noreferrer\" target=\"_blank\">Oficjalna strona Visual Paradigm<\/a><\/li>\n<\/ul>\n<p style=\"margin-top: 2em; font-size: 0.9em; color: #555;\"><strong>Visual Paradigm \u2013 profesjonalne modelowanie, uproszczone.<\/strong><br \/>\nVPasCode to platforma diagram-as-code dla zespo\u0142\u00f3w, kt\u00f3re ceni\u0105 wydajno\u015b\u0107, wsp\u00f3\u0142prac\u0119 i diagramowanie oparte na tek\u015bcie.<\/p>\n","protected":false},"featured_media":2731,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"VPasCode dodaje mapy Mermaid Ishikawa, modelowanie zdarze\u0144, Venn i Wardley","_yoast_wpseo_metadesc":"VPasCode teraz obs\u0142uguje cztery nowe diagramy Mermaid: Ishikawa, modelowanie zdarze\u0144, Venn i mapy Wardley\u2019ego. Bezp\u0142atny podgl\u0105d w czasie rzeczywistym, eksport do SVG\/PNG oraz poprawki wspierane przez sztuczn\u0105 inteligencj\u0119.","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":"","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":""}}},"product":[2,3],"product-area":[13,6,12,50],"version":[42],"release-type":[16],"class_list":["post-2730","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-ai","product-area-diagramming","product-area-software-development","product-area-vpascode","version-v18-0","release-type-new-feature"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>VPasCode dodaje mapy Mermaid Ishikawa, modelowanie zdarze\u0144, Venn i Wardley<\/title>\n<meta name=\"description\" content=\"VPasCode teraz obs\u0142uguje cztery nowe diagramy Mermaid: Ishikawa, modelowanie zdarze\u0144, Venn i mapy Wardley\u2019ego. Bezp\u0142atny podgl\u0105d w czasie rzeczywistym, eksport do SVG\/PNG oraz poprawki wspierane przez sztuczn\u0105 inteligencj\u0119.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VPasCode dodaje mapy Mermaid Ishikawa, modelowanie zdarze\u0144, Venn i Wardley\" \/>\n<meta property=\"og:description\" content=\"VPasCode teraz obs\u0142uguje cztery nowe diagramy Mermaid: Ishikawa, modelowanie zdarze\u0144, Venn i mapy Wardley\u2019ego. Bezp\u0142atny podgl\u0105d w czasie rzeczywistym, eksport do SVG\/PNG oraz poprawki wspierane przez sztuczn\u0105 inteligencj\u0119.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates Polish\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/pl\/wp-content\/uploads\/sites\/11\/2026\/06\/img_6a2f6166aac75.png\" \/>\n\t<meta property=\"og:image:width\" content=\"471\" \/>\n\t<meta property=\"og:image:height\" content=\"580\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"5 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\",\"name\":\"VPasCode dodaje mapy Mermaid Ishikawa, modelowanie zdarze\u0144, Venn i Wardley\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/pl\/wp-content\/uploads\/sites\/11\/2026\/06\/img_6a2f6166aac75.png\",\"datePublished\":\"2026-06-15T02:28:41+00:00\",\"description\":\"VPasCode teraz obs\u0142uguje cztery nowe diagramy Mermaid: Ishikawa, modelowanie zdarze\u0144, Venn i mapy Wardley\u2019ego. Bezp\u0142atny podgl\u0105d w czasie rzeczywistym, eksport do SVG\/PNG oraz poprawki wspierane przez sztuczn\u0105 inteligencj\u0119.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pl\/wp-content\/uploads\/sites\/11\/2026\/06\/img_6a2f6166aac75.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/pl\/wp-content\/uploads\/sites\/11\/2026\/06\/img_6a2f6166aac75.png\",\"width\":471,\"height\":580},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VPasCode rozszerza obs\u0142ug\u0119 Mermaid: diagramy Ishikawa, modelowanie zdarze\u0144, diagramy Venna i mapy Wardley s\u0105 teraz dost\u0119pne\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pl\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pl\/\",\"name\":\"Visual Paradigm Product Updates Polish\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pl\/#organization\",\"name\":\"Visual Paradigm Product Updates Polish\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pl\/wp-content\/uploads\/sites\/11\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/pl\/wp-content\/uploads\/sites\/11\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates Polish\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pl\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VPasCode dodaje mapy Mermaid Ishikawa, modelowanie zdarze\u0144, Venn i Wardley","description":"VPasCode teraz obs\u0142uguje cztery nowe diagramy Mermaid: Ishikawa, modelowanie zdarze\u0144, Venn i mapy Wardley\u2019ego. Bezp\u0142atny podgl\u0105d w czasie rzeczywistym, eksport do SVG\/PNG oraz poprawki wspierane przez sztuczn\u0105 inteligencj\u0119.","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:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","og_locale":"pl_PL","og_type":"article","og_title":"VPasCode dodaje mapy Mermaid Ishikawa, modelowanie zdarze\u0144, Venn i Wardley","og_description":"VPasCode teraz obs\u0142uguje cztery nowe diagramy Mermaid: Ishikawa, modelowanie zdarze\u0144, Venn i mapy Wardley\u2019ego. Bezp\u0142atny podgl\u0105d w czasie rzeczywistym, eksport do SVG\/PNG oraz poprawki wspierane przez sztuczn\u0105 inteligencj\u0119.","og_url":"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","og_site_name":"Visual Paradigm Product Updates Polish","og_image":[{"width":471,"height":580,"url":"https:\/\/updates.visual-paradigm.com\/pl\/wp-content\/uploads\/sites\/11\/2026\/06\/img_6a2f6166aac75.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"5 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","url":"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","name":"VPasCode dodaje mapy Mermaid Ishikawa, modelowanie zdarze\u0144, Venn i Wardley","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/pl\/wp-content\/uploads\/sites\/11\/2026\/06\/img_6a2f6166aac75.png","datePublished":"2026-06-15T02:28:41+00:00","description":"VPasCode teraz obs\u0142uguje cztery nowe diagramy Mermaid: Ishikawa, modelowanie zdarze\u0144, Venn i mapy Wardley\u2019ego. Bezp\u0142atny podgl\u0105d w czasie rzeczywistym, eksport do SVG\/PNG oraz poprawki wspierane przez sztuczn\u0105 inteligencj\u0119.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/pl\/wp-content\/uploads\/sites\/11\/2026\/06\/img_6a2f6166aac75.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/pl\/wp-content\/uploads\/sites\/11\/2026\/06\/img_6a2f6166aac75.png","width":471,"height":580},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/pl\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/pl\/"},{"@type":"ListItem","position":2,"name":"VPasCode rozszerza obs\u0142ug\u0119 Mermaid: diagramy Ishikawa, modelowanie zdarze\u0144, diagramy Venna i mapy Wardley s\u0105 teraz dost\u0119pne"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/pl\/#website","url":"https:\/\/updates.visual-paradigm.com\/pl\/","name":"Visual Paradigm Product Updates Polish","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/pl\/#organization","name":"Visual Paradigm Product Updates Polish","url":"https:\/\/updates.visual-paradigm.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/updates.visual-paradigm.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/pl\/wp-content\/uploads\/sites\/11\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/pl\/wp-content\/uploads\/sites\/11\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates Polish"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/pl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/pl\/wp-json\/wp\/v2\/releases\/2730","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/pl\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/pl\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/pl\/wp-json\/wp\/v2\/releases\/2730\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pl\/wp-json\/wp\/v2\/media\/2731"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/pl\/wp-json\/wp\/v2\/media?parent=2730"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pl\/wp-json\/wp\/v2\/product?post=2730"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pl\/wp-json\/wp\/v2\/product-area?post=2730"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pl\/wp-json\/wp\/v2\/version?post=2730"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pl\/wp-json\/wp\/v2\/release-type?post=2730"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}