{"id":2733,"date":"2026-06-15T10:28:41","date_gmt":"2026-06-15T02:28:41","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/id\/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\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","title":{"rendered":"VPasCode Memperluas Dukungan Mermaid: Diagram Ishikawa, Pemodelan Acara, Diagram Venn &#038; Peta Wardley Sekarang Tersedia"},"content":{"rendered":"<p>\ud83d\ude80 <strong>Visual Paradigm<\/strong> dengan senang hati mengumumkan bahwa <a href=\"https:\/\/www.vpascode.com\/\"><strong>VPasCode<\/strong><\/a> \u2013 platform diagram-as-code terpadu kami \u2013 kini mendukung empat jenis diagram Mermaid tambahan. Anda kini dapat membuat diagram profesional berikut menggunakan notasi teks sederhana:<\/p>\n<ul>\n<li><strong>\ud83d\udc1f Diagram Ishikawa (Ikan \/ Sebab-Akibat)<\/strong> \u2013 Analisis akar masalah menjadi lebih mudah<\/li>\n<li><strong>\u26a1 Diagram Pemodelan Acara<\/strong> \u2013 Desain alur informasi sistem dan timeline<\/li>\n<li><strong>\ud83d\udfe1 Diagram Venn<\/strong> \u2013 Visualisasikan hubungan dan perpotongan himpunan<\/li>\n<li><strong>\ud83d\uddfa\ufe0f Peta Wardley<\/strong> \u2013 Pemetaan rantai nilai strategis dan analisis evolusi<\/li>\n<\/ul>\n<p>Apakah Anda seorang manajer produk, arsitek perangkat lunak, pengembang, atau strategis, VPasCode membantu Anda membuat diagram menggunakan sintaks yang sudah Anda kuasai, dengan <strong>pratinjau real-time, berbagi URL satu klik, dan ekspor SVG\/PNG gratis<\/strong>.<\/p>\n<hr\/>\n<h2>\ud83d\udd0d Apa yang Membuat VPasCode Berbeda?<\/h2>\n<p><strong>VPasCode<\/strong> (singkatan dari <strong>V<\/strong>isual <strong>P<\/strong>aradigm\u2019s <strong>a<\/strong>s<strong>Code<\/strong> platform) adalah <strong>lingkungan teks-ke-diagram terpadu<\/strong>. Ini menghasilkan <strong>PlantUML, Mermaid, Graphviz<\/strong>, dan lainnya (dengan format tambahan yang akan datang). Anda dapat dengan bebas beralih antar sintaks dalam editor yang sama, tanpa perlu mempelajari banyak alat.<\/p>\n<p>Peningkatan ini berfokus pada sintaks terbaru Mermaid (v11.12.3+ dan v11.15.0+). Di bawah ini Anda akan menemukan contoh kode yang berfungsi untuk setiap jenis diagram baru \u2013 cukup salin dan tempelkan ke VPasCode.<\/p>\n<hr\/>\n<h2>\ud83d\udccc 1. Diagram Ishikawa (Tulang Ikan) \u2013 Analisis Akar Masalah<\/h2>\n<p>Juga dikenal sebagai diagram sebab-akibat atau diagram tulang ikan. Sempurna untuk manajemen kualitas dan sesi pemecahan masalah.<\/p>\n<h3>\u2705 Contoh \u2013 Analisis Akar Masalah \u201cFoto Buram\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>Edit Mermaid di 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:eNptUEFuwzAMuw\/YH\/yBfmLAemnRFcs+wDSa59qRA9nCvj81zRoXiE+WSNMkQ\/kJEb\/Y9VTx+uLs7HPN7k0F430+Sy5U7vfb+QoDovvOUZvlgS40oYKdgOEqSUJSlzD2qCttH9LoJkqBB2Xv6iw1hGRvyxPLBIzHpmiSQ7ARUwQvjoi9V0bjCeyN6Gm0GPLPMis+tt8f30\/dOs0b4oLFh6VUhC1ctCBuAdG6khXoTP\/j85nYGTHLlsSCNBrHYIb1FqXR1P5K0fUk3gLFR7Vz300Dy9pTwvQHjVJ\/\/Q==\" \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    Foto Buram\r\n    Proses\r\n        Tidak fokus\r\n        Kecepatan rana terlalu lambat\r\n        Film pelindung tidak dilepas\r\n        Filter penataan diterapkan\r\n    Pengguna\r\n        Tangan gemetar\r\n    Perangkat\r\n        LENS\r\n            Lensa tidak sesuai\r\n            Lensa rusak\r\n            Lensa kotor\r\n        SENSOR\r\n            Sensor rusak\r\n            Sensor kotor\r\n    Lingkungan\r\n        Subjek bergerak terlalu cepat\r\n        Terlalu gelap\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNptUEFuwzAMuw\/YH\/yBfmLAemnRFcs+wDSa59qRA9nCvj81zRoXiE+WSNMkQ\/kJEb\/Y9VTx+uLs7HPN7k0F430+Sy5U7vfb+QoDovvOUZvlgS40oYKdgOEqSUJSlzD2qCttH9LoJkqBB2Xv6iw1hGRvyxPLBIzHpmiSQ7ARUwQvjoi9V0bjCeyN6Gm0GPLPMis+tt8f30\/dOs0b4oLFh6VUhC1ctCBuAdG6khXoTP\/j85nYGTHLlsSCNBrHYIb1FqXR1P5K0fUk3gLFR7Vz300Dy9pTwvQHjVJ\/\/Q==\" \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>Edit Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><em>\ud83d\udca1 Catatan sintaks: Baris pertama menentukan masalah (kepala ikan). Pengindenan menciptakan cabang penyebab hierarkis (tulang ikan).<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udccc 2. Diagram Pemodelan Acara \u2013 Perilaku Sistem seiring Waktu<\/h2>\n<p>Pemodelan Acara menggambarkan bagaimana informasi berubah dalam suatu sistem seiring waktu. Ini menggunakan UI, perintah, acara, dan pemroses yang diatur dalam alur renang. VPasCode mendukung sintaks padat dan santai, data dalam baris, serta blok data eksternal.<\/p>\n<h3>\u2705 Contoh Minimal \u2013 Alur Tambah Item Keranjang Belanja<\/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>Edit Mermaid di 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>Edit Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u2705 Contoh Data dalam Baris<\/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>Edit Mermaid di 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+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5ipUK6SkFmcXZRYUZ1opFJcUAXUq1EIUGiuklpUogFQBFaemYFcKAIGTJlI=\" \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 { deskripsi: string }\r\ntf 03 evt ItemAdded { deskripsi: string }\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLLUvNK8nNT0nNycxL5+Xi5SpJUzAwVCjNVHBOLCoJ9YQIGCkk56YoOKakeJak5ipUK6SkFmcXZRYUZ1opFJcUAXUq1EIUGiuklpUogFQBFaemYFcKAIGTJlI=\" \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>Edit Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u2705 Blok Data &amp; Referensi Ganda<\/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>Edit Mermaid di 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:eNp90L0OgjAUBeC9Sd\/hbmwEKixsxokHcCLEXGgFxBZTCovx3S3yZxTdbs49\/ZpW9EIZ2XBxrVRBCSXmDJ4PXQUH1OYYjwGDXHLYcx4bISFJpsnz03Qs7ED0BobMrgS3lWWeK8EPg82F8L9BCUeDsFwNd0oAuGhrXd3aKgLn0pTKGcICZYbaJtjbI\/q0LErUBUbAPDeg5PFlsg0T83rbnBeT6TM3fDfXd3yardGvv17NNZkw1clMaMs9AaxCfUg=\" \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  deskripsi: 'john'\r\n  gambar: 'avatar_john'\r\n  harga: 20.4\r\n}\r\n\r\ndata AddItem02 {\r\n  deskripsi: 'jack'\r\n  gambar: 'avatar_jack'\r\n  harga: 12.5\r\n}\r\n\r\ndata ItemAdded {\r\n  deskripsi: string\r\n  gambar: string\r\n  harga: number\r\n}\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNp90L0OgjAUBeC9Sd\/hbmwEKixsxokHcCLEXGgFxBZTCovx3S3yZxTdbs49\/ZpW9EIZ2XBxrVRBCSXmDJ4PXQUH1OYYjwGDXHLYcx4bISFJpsnz03Qs7ED0BobMrgS3lWWeK8EPg82F8L9BCUeDsFwNd0oAuGhrXd3aKgLn0pTKGcICZYbaJtjbI\/q0LErUBUbAPDeg5PFlsg0T83rbnBeT6TM3fDfXd3yardGvv17NNZkw1clMaMs9AaxCfUg=\" \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>Edit Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u2705 Atur Ulang Bingkai<\/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>Sunting Mermaid di 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:eNpljjsOwjAMhvdKvYNPgHgzo4ohGwsHiBIDkZqHHFPg9tSx1IXR3\/\/wXzBmj6NNUJBC5fC2fdd3fIf1Bl4BBkt8Mwq24KKHs\/eGMSraAU4Mcs8YvURpxvuGLx9GSnZcmTRh4kzf4WnTQ2ySPUBxBIt2peyw1kyqHtszDSwelU6tXZb9Nf8A1u9EIQ==\" \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\">pemodelan peristiwa\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:eNpljjsOwjAMhvdKvYNPgHgzo4ohGwsHiBIDkZqHHFPg9tSx1IXR3\/\/wXzBmj6NNUJBC5fC2fdd3fIf1Bl4BBkt8Mwq24KKHs\/eGMSraAU4Mcs8YvURpxvuGLx9GSnZcmTRh4kzf4WnTQ2ySPUBxBIt2peyw1kyqHtszDSwelU6tXZb9Nf8A1u9EIQ==\" \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>Sunting Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><em>\ud83d\udca1 Token kunci: <code>tf<\/code> (kerangka waktu), <code>rf<\/code> (kerangka ulang), <code>ui \/ cmd \/ evt \/ pcr \/ rmo<\/code> (tipe entitas). Gunakan namespace seperti <code>Inventory.InventoryChanged<\/code> untuk membuat jalur renang terpisah.<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udccc 3. Diagram Venn \u2013 Hubungan dan Irisan Himpunan<\/h2>\n<p>Tampilkan hubungan logis antar himpunan menggunakan lingkaran yang tumpang tindih. Mendukung ukuran kustom, label, simpul teks, dan gaya.<\/p>\n<h3>\u2705 Contoh Dasar \u2013 Tumpang tindih Tim<\/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>Sunting Mermaid di 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:eNorS83L001KLUnk5VJQKMksyUlVUAopzS1IzEsHcvNSMjMUvFNLUosScwsycxLzFEIyc5VASotTSxTcivLzSlLzUmB8p8TkbCi3NC8zPw+uQAcqE63kklqcmJmn4BjgqRQLAOb6KI0=\" \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 \"Tumpang tindih Keterampilan Tim\"\r\n  set Frontend\r\n  set Backend\r\n  union Frontend,Backend[\"Desain API\"]\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNorS83L001KLUnk5VJQKMksyUlVUAopzS1IzEsHcvNSMjMUvFNLUosScwsycxLzFEIyc5VASotTSxTcivLzSlLzUmB8p8TkbCi3NC8zPw+uQAcqE63kklqcmJmn4BjgqRQLAOb6KI0=\" \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>Sunting Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>\u2705 Contoh Ukuran, Simpul Teks &amp; Gaya<\/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>Sunting Mermaid di 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:eNpNjkFLw0AQhe+C\/2HYXltoEq2QW4IUSg8W6y30sFlfytDNJGSnov\/eDUHZ47zvvY\/5gsimhdrHB6IApaoxH9zTfhpEIZ\/mUubbmREpviPOGvMO69Rc0jRvzJmDoqdXBMuy0NlXL77autuiy\/JkWEfdCXJF31q5WqHqdFi2d+Ehnuu4P0Ix2X5kHwv7u\/eboFEXXUX6w+w6jwjc8c0GprcR8q8L+uNBFXXsfbnqul27a5N8XZMb\/DCVq9wVeN4mKPsjeHlyhfsF0KBaVw==\" \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[\"Tim Frontend\"]:20\r\n    text A1[\"React\"]\r\n    text A2[\"Sistem Desain\"]\r\n  set B[\"Tim Backend\"]:12\r\n    text B1[\"Pengembangan API\"]\r\n  union A,B[\"Keterampilan Full-stack\"]:3\r\n    text AB1[\"Spesifikasi 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:eNpNjkFLw0AQhe+C\/2HYXltoEq2QW4IUSg8W6y30sFlfytDNJGSnov\/eDUHZ47zvvY\/5gsimhdrHB6IApaoxH9zTfhpEIZ\/mUubbmREpviPOGvMO69Rc0jRvzJmDoqdXBMuy0NlXL77autuiy\/JkWEfdCXJF31q5WqHqdFi2d+Ehnuu4P0Ix2X5kHwv7u\/eboFEXXUX6w+w6jwjc8c0GprcR8q8L+uNBFXXsfbnqul27a5N8XZMb\/DCVq9wVeN4mKPsjeHlyhfsF0KBaVw==\" \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>Sunting Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><em>\ud83d\udca1 Gunakan <code>:number<\/code> untuk mengatur ukuran lingkaran, <code>text<\/code> untuk menambahkan label di dalam himpunan, dan <code>style<\/code> untuk warna kustom.<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udccc 4. Peta Wardley \u2013 Pemetaan Rantai Nilai Strategis<\/h2>\n<p>Peta Wardley membantu Anda memvisualisasikan komponen-komponen bisnis atau sistem, posisi mereka dalam rantai nilai, serta tahap evolusi mereka (Genesis \u2192 Dibuat Khusus \u2192 Produk \u2192 Komoditas). VPasCode mendukung sepenuhnya sintaks resmi Mermaid Wardley menggunakan <code>wardley-beta<\/code> sebagai jenis diagram.<\/p>\n<h3>\u2705 Contoh \u2013 Pipeline Pengembangan Perangkat Lunak<\/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>Edit Mermaid di 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:eNptkjFPwzAQhfdI+Q9WZhoMbWi7VEJhqQCBxIg6OMmRWnFsy7GL+u85uyCSxotl6T6\/e\/d838w0As6LCixLE8utAPLONQgu8QLyDBUzTOIVz7Zjlrw4ybo0SRMm66MyJHuGyll3DJBsWyxn5JPm2+KG0HxND2lSq14rCdKSbCT5yqRjIrB3gb0vpuxHZ7gm5f62fArUKlDFteKf2zeremb5ENh1YB+uFPfyy7DBGtdZZ0gplGsCvaSeXnnlNIkOtNjFOiEcae\/ZsXekJqMErVkOXmsejmdjrr1ROClxgmimGCb9BybdMcFi9HZun+abERCNzP+rdyCVReSxUXrglxrpoddgatC4Kh2gJK4NGtO\/fS4fGeJeFocfyBrIAw==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">wardley-beta\r\ntitle Pipeline Penyebaran Perangkat Lunak\r\n\r\nanchor \"Kebutuhan Pengguna\" [0.95, 0.70]\r\ncomponent \"Penyebaran Manual\" [0.15, 0.25]\r\ncomponent \"Skrip CI\/CD\" [0.45, 0.50]\r\ncomponent \"Pipeline Otomatis\" [0.75, 0.65]\r\ncomponent \"Infrastruktur Cloud\" [0.30, 0.40]\r\n\r\n\"Kebutuhan Pengguna\" -&gt; \"Pipeline Otomatis\"\r\n\"Pipeline Otomatis\" -&gt; \"Skrip CI\/CD\"\r\n\"Skrip CI\/CD\" -&gt; \"Penyebaran Manual\"\r\n\"Penyebaran Manual\" -&gt; \"Infrastruktur Cloud\"\r\n\r\nevolve \"Penyebaran Manual\" 0.20\r\nevolve \"Skrip CI\/CD\" 0.55\r\nevolve \"Pipeline Otomatis\" 0.85\r\nevolve \"Infrastruktur Cloud\" 0.70\r\n\r\nnote \"Adopsi Cloud mempercepat kematangan pipeline\" [0.40, 0.35]\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNptkjFPwzAQhfdI+Q9WZhoMbWi7VEJhqQCBxIg6OMmRWnFsy7GL+u85uyCSxotl6T6\/e\/d838w0As6LCixLE8utAPLONQgu8QLyDBUzTOIVz7Zjlrw4ybo0SRMm66MyJHuGyll3DJBsWyxn5JPm2+KG0HxND2lSq14rCdKSbCT5yqRjIrB3gb0vpuxHZ7gm5f62fArUKlDFteKf2zeremb5ENh1YB+uFPfyy7DBGtdZZ0gplGsCvaSeXnnlNIkOtNjFOiEcae\/ZsXekJqMErVkOXmsejmdjrr1ROClxgmimGCb9BybdMcFi9HZun+abERCNzP+rdyCVReSxUXrglxrpoddgatC4Kh2gJK4NGtO\/fS4fGeJeFocfyBrIAw==\" \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>Edit Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p><em>\ud83d\udca1 Nama komponen yang mengandung spasi harus dibungkus dengan tanda kutip ganda. Koordinat berkisar dari 0 hingga 1 pada kedua sumbu (visibilitas vs. evolusi).<\/em><\/p>\n<hr\/>\n<h2>\ud83d\udee0\ufe0f Coba VPasCode Sekarang Juga<\/h2>\n<p>Buka ke <strong>VPasCode<\/strong> editor: <a href=\"https:\/\/www.vpascode.com\/\">https:\/\/www.vpascode.com\/<\/a>.<\/p>\n<p>Pilih mode sintaks Mermaid, tempel salah satu contoh kode di atas, dan saksikan diagram Anda dirender secara instan.<\/p>\n<p><strong>Mulai gratis<\/strong> \u2013 Tidak perlu kartu kredit, tidak perlu instalasi. Yang Anda butuhkan hanyalah peramban.<\/p>\n<hr\/>\n<h2>\ud83d\udcd6 Dokumentasi Resmi &amp; Referensi<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.visual-paradigm.com\/\" rel=\"noopener noreferrer\" target=\"_blank\">Situs Resmi Visual Paradigm<\/a><\/li>\n<\/ul>\n<p style=\"margin-top: 2em; font-size: 0.9em; color: #555;\"><strong>Visual Paradigm \u2013 Pemodelan Profesional, Disederhanakan.<\/strong><br \/>\nVPasCode adalah platform diagram-as-code untuk tim yang menghargai efisiensi, kolaborasi, dan pemetaan berbasis teks.<\/p>\n","protected":false},"featured_media":2734,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"VPasCode Menambahkan Peta Ishikawa Mermaid, Pemodelan Acara, Venn & Wardley","_yoast_wpseo_metadesc":"VPasCode kini mendukung empat diagram Mermaid baru: Ishikawa, Pemodelan Acara, Venn & Peta Wardley. Pratinjau real-time gratis, ekspor SVG\/PNG & perbaikan berbasis AI.","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,49],"version":[42],"release-type":[16],"class_list":["post-2733","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 Menambahkan Peta Ishikawa Mermaid, Pemodelan Acara, Venn &amp; Wardley<\/title>\n<meta name=\"description\" content=\"VPasCode kini mendukung empat diagram Mermaid baru: Ishikawa, Pemodelan Acara, Venn &amp; Peta Wardley. Pratinjau real-time gratis, ekspor SVG\/PNG &amp; perbaikan berbasis AI.\" \/>\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\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VPasCode Menambahkan Peta Ishikawa Mermaid, Pemodelan Acara, Venn &amp; Wardley\" \/>\n<meta property=\"og:description\" content=\"VPasCode kini mendukung empat diagram Mermaid baru: Ishikawa, Pemodelan Acara, Venn &amp; Peta Wardley. Pratinjau real-time gratis, ekspor SVG\/PNG &amp; perbaikan berbasis AI.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates Indonesian\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/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=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\",\"name\":\"VPasCode Menambahkan Peta Ishikawa Mermaid, Pemodelan Acara, Venn & Wardley\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a2f6166aac75.png\",\"datePublished\":\"2026-06-15T02:28:41+00:00\",\"description\":\"VPasCode kini mendukung empat diagram Mermaid baru: Ishikawa, Pemodelan Acara, Venn & Peta Wardley. Pratinjau real-time gratis, ekspor SVG\/PNG & perbaikan berbasis AI.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a2f6166aac75.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a2f6166aac75.png\",\"width\":471,\"height\":580},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/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\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"VPasCode Memperluas Dukungan Mermaid: Diagram Ishikawa, Pemodelan Acara, Diagram Venn &#038; Peta Wardley Sekarang Tersedia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/\",\"name\":\"Visual Paradigm Product Updates Indonesian\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#organization\",\"name\":\"Visual Paradigm Product Updates Indonesian\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates Indonesian\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VPasCode Menambahkan Peta Ishikawa Mermaid, Pemodelan Acara, Venn & Wardley","description":"VPasCode kini mendukung empat diagram Mermaid baru: Ishikawa, Pemodelan Acara, Venn & Peta Wardley. Pratinjau real-time gratis, ekspor SVG\/PNG & perbaikan berbasis AI.","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\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","og_locale":"id_ID","og_type":"article","og_title":"VPasCode Menambahkan Peta Ishikawa Mermaid, Pemodelan Acara, Venn & Wardley","og_description":"VPasCode kini mendukung empat diagram Mermaid baru: Ishikawa, Pemodelan Acara, Venn & Peta Wardley. Pratinjau real-time gratis, ekspor SVG\/PNG & perbaikan berbasis AI.","og_url":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","og_site_name":"Visual Paradigm Product Updates Indonesian","og_image":[{"width":471,"height":580,"url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a2f6166aac75.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"5 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","url":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/","name":"VPasCode Menambahkan Peta Ishikawa Mermaid, Pemodelan Acara, Venn & Wardley","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a2f6166aac75.png","datePublished":"2026-06-15T02:28:41+00:00","description":"VPasCode kini mendukung empat diagram Mermaid baru: Ishikawa, Pemodelan Acara, Venn & Peta Wardley. Pratinjau real-time gratis, ekspor SVG\/PNG & perbaikan berbasis AI.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a2f6166aac75.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/img_6a2f6166aac75.png","width":471,"height":580},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/id\/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\/id\/"},{"@type":"ListItem","position":2,"name":"VPasCode Memperluas Dukungan Mermaid: Diagram Ishikawa, Pemodelan Acara, Diagram Venn &#038; Peta Wardley Sekarang Tersedia"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/id\/#website","url":"https:\/\/updates.visual-paradigm.com\/id\/","name":"Visual Paradigm Product Updates Indonesian","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/id\/#organization","name":"Visual Paradigm Product Updates Indonesian","url":"https:\/\/updates.visual-paradigm.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates Indonesian"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/releases\/2733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/releases\/2733\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media\/2734"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media?parent=2733"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/product?post=2733"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/product-area?post=2733"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/version?post=2733"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/release-type?post=2733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}