{"id":2717,"date":"2026-07-06T09:24:22","date_gmt":"2026-07-06T01:24:22","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/"},"modified":"2026-07-06T09:24:22","modified_gmt":"2026-07-06T01:24:22","slug":"vpascode-update-5-new-advanced-diagram-types-now-available","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/","title":{"rendered":"Pembaruan VPasCode: 5 Jenis Diagram Lanjutan Baru Sekarang Tersedia"},"content":{"rendered":"<p>\ud83d\ude80 <strong>Visual Paradigm<\/strong> dengan senang hati meluncurkan pembaruan fitur terbaru untuk <strong>VPasCode<\/strong>, ruang kerja teks ke diagram semua dalam satu. Kami memperluas alat diagram Anda dengan dukungan penuh untuk lima jenis visualisasi yang sangat diminta\u2014semuanya dibuat dengan mudah dari teks biasa.<\/p>\n<ul>\n<li>\ud83e\udde0 <strong>Kerangka Kerja Cynefin<\/strong> \u2013 Menguraikan tantangan kompleks dan menentukan respons strategis yang tepat.<\/li>\n<li>\ud83c\udfaf <strong>Diagram Radar<\/strong> \u2013 Menampilkan dan membandingkan metrik kinerja atau kumpulan fitur di berbagai dimensi secara bersamaan.<\/li>\n<li>\ud83d\ude82 <strong>Diagram Rel Kereta Api<\/strong> \u2013 Menggambarkan aturan sintaks kode dan tata bahasa bahasa pemrograman dengan jalur yang bersih dan linier.<\/li>\n<li>\ud83c\udfca <strong>Diagram Swimlanes<\/strong> \u2013 Memetakan alur kerja operasional untuk menunjukkan secara tepat departemen atau sistem mana yang memiliki setiap tugas.<\/li>\n<li>\ud83c\udf33 <strong>Diagram Tampilan Pohon<\/strong> \u2013 Menguraikan direktori file, arsitektur situs, atau penguraian item bersarang dalam tata letak yang jelas.<\/li>\n<\/ul>\n<p>Apakah Anda memetakan arsitektur perangkat lunak, mengelola alur kerja proyek, atau menentukan strategi bisnis, VPasCode menghilangkan hambatan. Ketik ide Anda dalam teks biasa, lihat hasilnya muncul secara instan, dan bagikan atau ekspor diagram Anda dalam format SVG atau PNG hanya dengan satu klik.<\/p>\n<h2>\ud83d\udd0d Mengapa Tim Memilih VPasCode<\/h2>\n<p>VPasCode menghubungkan celah antara berbagai standar diagram teknis. Lingkungan kami secara mulus memahami PlantUML, Mermaid, Graphviz, dan banyak lagi dalam satu antarmuka. Tidak perlu menginstal perangkat lunak dan tidak ada kurva pembelajaran untuk alat propietari yang berbeda\u2014buka saja browser Anda dan mulai membuat.<\/p>\n<p>Pembaruan ini memperluas perpustakaan kode ke diagram kami. Lihat contoh fungsional di bawah ini untuk melihat betapa mudahnya mulai menggunakan format baru ini sekarang juga.<\/p>\n<hr\/>\n<h2>\ud83d\udccc 1. Kerangka Kerja Cynefin \u2013 Pengambilan Keputusan Strategis<\/h2>\n<p>Kerangka kerja Cynefin adalah alat penting bagi tim kepemimpinan dan operasional untuk mengkategorikan situasi. Dengan mengelompokkan masalah ke dalam domain tertentu, ini membimbing Anda untuk menentukan apakah harus menerapkan prosedur standar atau bereksperimen dengan solusi kreatif.<\/p>\n<h3>\u2705 Contoh \u2013 Analisis Risiko Proyek<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNpdkEFOwzAQRfeVeoeR97kAC6SqlCVUBQ4w2D9lqBlH9iSQ2+M0EhhG3lh+7+uP\/azoRbtXGG83VMfEIuiY0zu80UnKhQ4Tx5FNkm43K+TTxxDxtV6WcbvAg8lUzciqomfXPD7gk+7BNmbQnRSfJuTZ\/QkTz4bQOAc9iwK5RtFOOc5Fyq8SwbmBn4w1cA70OCBfmzbsGycT39D7LDWMTihDBdEU0X4s1zV\/2BflUlBPoGcul+L+fQF13W27Ad2QO7IZspIEqEkvCK6pvRprqYXeLzJ7qJ\/dN7uXcjo=\" 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:eNpdkDFuwzAMRfcAuQOh3RfoUCBB2yVDgyQX+LEZg5FMG5JZwLevFKOpWm4EH\/gf2S7KN9HmyjO2G8p1t84CvX8hGJLQSZL4kY5xXNhvNyvjx2EK7NPalXJHjqwtFFDadZhmubk\/Y+XB8uxDZou0RzT3sy3aIHPF7hQhpya6sFfxT+7OAXXk58SxKJ5naIf45DxaWMWdOE2jJjrEsvUX46tob9pDK\/hiPRIt0J72HGygN1EJEPf\/dmqa11WdXvJ9Y0BGPRd3V\/k+sIdRwQ45Eyn\/yH0DNXZoFw==\" \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\">cynefin-beta\r\n    judul Evaluasi Risiko Proyek\r\n\r\n    kompleks\r\n        \"Perencanaan Adaptif\"\r\n        \"Penemuan Fitur Baru\"\r\n\r\n    rumit\r\n        \"Analisis Teknik\"\r\n\r\n    jelas\r\n        \"Operasi Standar\"\r\n\r\n    kacau\r\n        \"Respons Krisis\"\r\n\r\n    kebingungan\r\n        \"Tugas yang Belum Dinilai\"\r\n\r\n    kompleks --&gt; rumit : \"Pola Dikenali\"\r\n    jelas --&gt; kacau : \"Kebiasaan\"\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpdkDFuwzAMRfcAuQOh3RfoUCBB2yVDgyQX+LEZg5FMG5JZwLevFKOpWm4EH\/gf2S7KN9HmyjO2G8p1t84CvX8hGJLQSZL4kY5xXNhvNyvjx2EK7NPalXJHjqwtFFDadZhmubk\/Y+XB8uxDZou0RzT3sy3aIHPF7hQhpya6sFfxT+7OAXXk58SxKJ5naIf45DxaWMWdOE2jJjrEsvUX46tob9pDK\/hiPRIt0J72HGygN1EJEPf\/dmqa11WdXvJ9Y0BGPRd3V\/k+sIdRwQ45Eyn\/yH0DNXZoFw==\" \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:eNpdkEFOwzAQRfeVeoeR97kAC6SqlCVUBQ4w2D9lqBlH9iSQ2+M0EhhG3lh+7+uP\/azoRbtXGG83VMfEIuiY0zu80UnKhQ4Tx5FNkm43K+TTxxDxtV6WcbvAg8lUzciqomfXPD7gk+7BNmbQnRSfJuTZ\/QkTz4bQOAc9iwK5RtFOOc5Fyq8SwbmBn4w1cA70OCBfmzbsGycT39D7LDWMTihDBdEU0X4s1zV\/2BflUlBPoGcul+L+fQF13W27Ad2QO7IZspIEqEkvCK6pvRprqYXeLzJ7qJ\/dN7uXcjo=\" 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 id=\"Dvdfzoa\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-2818\" decoding=\"async\" fetchpriority=\"high\" height=\"680\" sizes=\"(max-width: 880px) 100vw, 880px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02f264d59.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02f264d59.png 880w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02f264d59-300x232.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02f264d59-768x593.png 768w\" width=\"880\"\/><\/p>\n<p>\ud83d\udca1 <strong>Kiat Cepat:<\/strong> Gunakan <code>cynefin<\/code>identifikasi, tambahkan judul, dan peta label teks Anda langsung ke dalam lima kuadran khusus.<\/p>\n<hr\/>\n<h2>\ud83d\udccc 2. Grafik Radar \u2013 Metrik Multi-Dimensi<\/h2>\n<p>Umumnya disebut grafik laba-laba, diagram radar adalah cara terbaik untuk menilai dan membandingkan item di berbagai kategori yang berbeda. Ini sangat efektif untuk mengevaluasi fitur produk, kemampuan pemasok, atau kompetensi tim secara berdampingan.<\/p>\n<h3>\u2705 Contoh \u2013 Ringkasan Kinerja Siswa<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNpFjDsLwkAQhPtA\/sOydQ7OIvjoFCQ2VpaHxSYuyUEecndKRPzv3p6oxcDOzDerlMqzYEPPG8DK0YU95pmSNBpyquZAeQZAs\/UwGDxS6PBcgDd4aiyPDYtjg\/ux7a2P3Y\/uDB6sD5N7CNIarHhqHV275Mng1oUP3tzcnVPSW3n4XJUFrHUBq6ilKPnXn60N7qY6kt9WFkKnVRlJYQeaYaF1Ou0I+g2Yt0AD\" 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:eNpFjbEOgkAQRHsS\/mFzNZdgQUQ7bYyFNpaEYsATVuFIjtOQGP\/dW4xaTDI78yartY4jz74za1JH7sAqjrSEDmc4XRmPOCLCxCP1hTrAmx6eb1BlQmOhTmA7ijeF2qLFCNrbpnEcwt+wDZy5wqEVsinUzgyNw4XlhJSWP3h9dw8j0abj2qjymWcJrdKE8qClaL5ff7YKf4cqkN9WFkLPqyyQwvaYaJGms2VL6Ru+dUNt\" \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\">---\r\ntitle: \"Nilai\"\r\n---\r\nradar-beta\r\n  axis m[\"Matematika\"], s[\"Sains\"], e[\"Bahasa Inggris\"]\r\n  axis h[\"Sejarah\"], g[\"Geografi\"], a[\"Seni\"]\r\n  curve a[\"Alice\"]{85, 90, 80, 70, 75, 90}\r\n  curve b[\"Bob\"]{70, 75, 85, 80, 90, 85}\r\n\r\n  max 100\r\n  min 0<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpFjbEOgkAQRHsS\/mFzNZdgQUQ7bYyFNpaEYsATVuFIjtOQGP\/dW4xaTDI78yartY4jz74za1JH7sAqjrSEDmc4XRmPOCLCxCP1hTrAmx6eb1BlQmOhTmA7ijeF2qLFCNrbpnEcwt+wDZy5wqEVsinUzgyNw4XlhJSWP3h9dw8j0abj2qjymWcJrdKE8qClaL5ff7YKf4cqkN9WFkLPqyyQwvaYaJGms2VL6Ru+dUNt\" \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:eNpFjDsLwkAQhPtA\/sOydQ7OIvjoFCQ2VpaHxSYuyUEecndKRPzv3p6oxcDOzDerlMqzYEPPG8DK0YU95pmSNBpyquZAeQZAs\/UwGDxS6PBcgDd4aiyPDYtjg\/ux7a2P3Y\/uDB6sD5N7CNIarHhqHV275Mng1oUP3tzcnVPSW3n4XJUFrHUBq6ilKPnXn60N7qY6kt9WFkKnVRlJYQeaYaF1Ou0I+g2Yt0AD\" 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 id=\"NeCVmCD\"><img alt=\"\" class=\"alignnone size-full wp-image-2819\" decoding=\"async\" height=\"700\" sizes=\"(max-width: 700px) 100vw, 700px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b0301b2bec.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b0301b2bec.png 700w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b0301b2bec-300x300.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b0301b2bec-150x150.png 150w\" width=\"700\"\/><\/p>\n<p>\ud83d\udca1 <strong>Kiat Cepat:<\/strong> Tentukan titik perbandingan Anda di dalam tanda kurung <code>axis<\/code> kurung, lalu gunakan <code>dataset<\/code>baris untuk setiap entitas untuk memetakan skor mereka.<\/p>\n<hr\/>\n<h2>\ud83d\udccc 3. Diagram Rel Kereta Api \u2013 Aturan Pemrograman Struktural<\/h2>\n<p>Diagram rel kereta api secara visual memecah tata bahasa sintaks. Mereka berfungsi sebagai dokumentasi yang sangat baik bagi pengembang, menggambarkan jalur-jalur yang valid yang dapat diambil oleh parser atau kompilator untuk membaca potongan kode tertentu.<\/p>\n<h3>\u2705 Contoh \u2013 Verifikasi Sintaks Alamat Web<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNpNjLEKg0AQRHvBfxi2Vuwj9ilSiJgPWJMVhYt77K1dPj6RI5Kphpk3Y7wGU37WMm1zPYlzWeArXz0I6DqOPe7DDb2p60MDhj0IlUWm4i\/tQIt7JLyzSYQ2I0kiG7vawVya5ix2O2bnQ\/VHVlg0+cYvQfsBPLgwAQ==\" 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:eNorSszMKcpPTNFNTcpL001KLUnk5VIAgqzSlNIcBSXHktKixDyFgKL8kvzs\/ByF0CAfBY+QkAAlXi6IugKQTDJQxlZBKaOkpEBJoQbCKFZSsIYoKU4tSCxKLMkvAqmx0teHS5QWgbTBTdBBUqmjkJFfXJKXmJuqYA0Ay4gw3g==\" \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\">railroad-ebnf-beta\r\n    judul \"Aturan Protokol URL HTTP\"\r\n\r\n    protocol = \"http\" | \"https\" ;\r\n    separator = \":\/\/\" ;\r\n    url = protocol , separator , hostname ;<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNorSszMKcpPTNFNTcpL001KLUnk5VIAgqzSlNIcBSXHktKixDyFgKL8kvzs\/ByF0CAfBY+QkAAlXi6IugKQTDJQxlZBKaOkpEBJoQbCKFZSsIYoKU4tSCxKLMkvAqmx0teHS5QWgbTBTdBBUqmjkJFfXJKXmJuqYA0Ay4gw3g==\" \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:eNpNjLEKg0AQRHvBfxi2Vuwj9ilSiJgPWJMVhYt77K1dPj6RI5Kphpk3Y7wGU37WMm1zPYlzWeArXz0I6DqOPe7DDb2p60MDhj0IlUWm4i\/tQIt7JLyzSYQ2I0kiG7vawVya5ix2O2bnQ\/VHVlg0+cYvQfsBPLgwAQ==\" 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 id=\"eElkeDf\"><img alt=\"\" class=\"alignnone size-full wp-image-2816\" decoding=\"async\" height=\"269\" sizes=\"(max-width: 385px) 100vw, 385px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b029414465.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b029414465.png 385w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b029414465-300x210.png 300w\" width=\"385\"\/><\/p>\n<p>\ud83d\udca1 <strong>Kiat Cepat:<\/strong> Bangun jalur dengan mengatur token struktural seperti <code>mulai<\/code>, <code>terminal<\/code> string, dan <code>opsional<\/code> blok untuk menunjukkan jalur kode.<\/p>\n<hr\/>\n<h2>\ud83d\udccc 4. Diagram Swimlanes \u2013 Kepemilikan Alur Kerja<\/h2>\n<p>Swimlanes memberikan kejelasan mutlak pada proses bisnis yang kompleks. Dengan membagi alur kerja menjadi baris horizontal, setiap orang di tim dapat langsung melihat di mana terjadi serah terima lintas fungsi dan siapa yang bertanggung jawab atas setiap milestone.<\/p>\n<h3>\u2705 Contoh \u2013 Penanganan Pengaduan Pelanggan<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNp1TkEKAjEMvAv+oR\/oF7yIN0Go3oqHLg61sJvWpF2\/r24KLoJzmcmEyUSeaRoDwQ6owRzddmPekDZEDuVu9k1qnsBqf8B4NEj1pwIyToerrkG3n\/i5lZK5ftOVU4jwl4X+xg4UEwGcKK6LJY8zvFNeh1X2z4y1u96jvurF7jdeKE9IBA==\" 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:eNp1TjEOwjAQ25H4Qz6QLzAxMlSQLWK4CCuNkh5wSeD7tE2GgoSXs3xn+\/I7TIkY2qGQOp33OzUjV+eFHqMaMC+9J276AsGzIhc7QKbAhYiVgbga6dqOwLeflGONlb9CigTysGYdf30GkUPcVud7esFekJApROKttdH+ntL60Fua3vgq95gPJx9J\/A==\" \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\">swimlane-beta LR\r\n    subgraph Pelanggan\r\n        request[Permintaan Terbuka]\r\n    end\r\n    subgraph Dukungan\r\n        triage[Triage]\r\n    end\r\n    subgraph Teknik\r\n        resolve[Selesaikan]\r\n    end\r\n\r\n    request --&gt; triage\r\n    triage --&gt; resolve<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNp1TjEOwjAQ25H4Qz6QLzAxMlSQLWK4CCuNkh5wSeD7tE2GgoSXs3xn+\/I7TIkY2qGQOp33OzUjV+eFHqMaMC+9J276AsGzIhc7QKbAhYiVgbga6dqOwLeflGONlb9CigTysGYdf30GkUPcVud7esFekJApROKttdH+ntL60Fua3vgq95gPJx9J\/A==\" \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:eNp1TkEKAjEMvAv+oR\/oF7yIN0Go3oqHLg61sJvWpF2\/r24KLoJzmcmEyUSeaRoDwQ6owRzddmPekDZEDuVu9k1qnsBqf8B4NEj1pwIyToerrkG3n\/i5lZK5ftOVU4jwl4X+xg4UEwGcKK6LJY8zvFNeh1X2z4y1u96jvurF7jdeKE9IBA==\" 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 id=\"BWQwjLt\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2815\" decoding=\"async\" height=\"581\" loading=\"lazy\" sizes=\"auto, (max-width: 230px) 100vw, 230px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02823d83c.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02823d83c.png 230w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02823d83c-119x300.png 119w\" width=\"230\"\/><\/p>\n<p>\ud83d\udca1 <strong>Kiat Cepat:<\/strong> Atur header yang berbeda <code>jalur<\/code> header untuk setiap tim atau lapisan proses, lalu peta tugas dan langkah pemicu menggunakan panah standar (<code>-&gt;<\/code>).<\/p>\n<hr\/>\n<h2>\ud83d\udccc 5. Diagram Tampilan Pohon \u2013 Struktur Bersarang<\/h2>\n<p>Ketika Anda perlu menampilkan hubungan hierarkis tanpa menggambar jaringan flowchart yang besar, Tampilan Pohon adalah format yang sempurna. Ini memberikan pemecahan bersih dan terinden dari direktori file, struktur situs, atau daftar bahan.<\/p>\n<h3>\u2705 Contoh \u2013 Arsitektur Situs Dokumentasi<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#mermaid:eNorKUpNDctMLddNSi1J5OXKrdQtKMrPSk0u0eflUgCC4qJkKAsEMvNSUiv0sooRIsUllTmpxXrJxVAxpYLSpJzMZIW0\/JyU1CIlJL1piWWZyfl5ekACIliQmJydmJ4KNC4\/DyIS5Oro4uuql5sCAFX1KPk=\" 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:eNorKUpNDctMLddNSi1J5OXKrdQtKMrPSk0u0eflUgCC4qJkKAsEMvNSUiv0sooRIsUllTmpxXrJxVAxpbT8nJTUIoWC0qSczGwlJL1piWWZyfl5ekACIliQmJydmJ4KNC4\/DyIS5Oro4uuql5sCAFeoKQE=\" \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\">treeView-beta\r\nmy-project\/\r\n    src\/\r\n        index.js\r\n        styles.css\r\n    \"folder publik\"\/\r\n        favicon.ico\r\n    package.json\r\n    README.md<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNorKUpNDctMLddNSi1J5OXKrdQtKMrPSk0u0eflUgCC4qJkKAsEMvNSUiv0sooRIsUllTmpxXrJxVAxpbT8nJTUIoWC0qSczGwlJL1piWWZyfl5ekACIliQmJydmJ4KNC4\/DyIS5Oro4uuql5sCAFeoKQE=\" \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:eNorKUpNDctMLddNSi1J5OXKrdQtKMrPSk0u0eflUgCC4qJkKAsEMvNSUiv0sooRIsUllTmpxXrJxVAxpYLSpJzMZIW0\/JyU1CIlJL1piWWZyfl5ekACIliQmJydmJ4KNC4\/DyIS5Oro4uuql5sCAFX1KPk=\" 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 id=\"iRZXDDd\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2814\" decoding=\"async\" height=\"271\" loading=\"lazy\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02736a571.png\" width=\"134\"\/><\/p>\n<p>\ud83d\udca1 <strong>Kiat Cepat:<\/strong> Tempatkan item Anda secara logis menggunakan <code>root<\/code>, <code>dir<\/code>, dan <code>file<\/code> parameter yang digabungkan dengan indentasi yang bersih untuk secara otomatis menghasilkan tata letak pohon yang terstruktur.<\/p>\n<hr\/>\n<h2>\ud83d\udee0\ufe0f Jalankan Editor VPasCode<\/h2>\n<p>Siap mencobanya? Beralih ke ruang kerja langsung: <a href=\"https:\/\/www.vpascode.com\/\" rel=\"noopener\" target=\"_blank\">https:\/\/www.vpascode.com\/<\/a>.<\/p>\n<p>Alihkan mode bahasa diagram Anda, tempel salah satu contoh kode yang disediakan di atas, dan saksikan teks markdown Anda berubah menjadi diagram siap produksi secara instan.<\/p>\n","protected":false},"featured_media":2718,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Pembaruan VPasCode: 5 Jenis Diagram Lanjutan Baru Kini Tersedia","_yoast_wpseo_metadesc":"Dari model strategis Cynefin hingga Swimlanes alur kerja dan tampilan pohon bersarang, temukan 5 diagram teks biasa baru yang didukung dalam rilis VPasCode terbaru.","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":[50],"release-type":[16],"class_list":["post-2717","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-18-1","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>Pembaruan VPasCode: 5 Jenis Diagram Lanjutan Baru Kini Tersedia<\/title>\n<meta name=\"description\" content=\"Dari model strategis Cynefin hingga Swimlanes alur kerja dan tampilan pohon bersarang, temukan 5 diagram teks biasa baru yang didukung dalam rilis VPasCode terbaru.\" \/>\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-update-5-new-advanced-diagram-types-now-available\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pembaruan VPasCode: 5 Jenis Diagram Lanjutan Baru Kini Tersedia\" \/>\n<meta property=\"og:description\" content=\"Dari model strategis Cynefin hingga Swimlanes alur kerja dan tampilan pohon bersarang, temukan 5 diagram teks biasa baru yang didukung dalam rilis VPasCode terbaru.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-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\/07\/img_6a4b0301b2bec.png\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\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=\"4 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-update-5-new-advanced-diagram-types-now-available\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/\",\"name\":\"Pembaruan VPasCode: 5 Jenis Diagram Lanjutan Baru Kini Tersedia\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a4b0301b2bec.png\",\"datePublished\":\"2026-07-06T01:24:22+00:00\",\"description\":\"Dari model strategis Cynefin hingga Swimlanes alur kerja dan tampilan pohon bersarang, temukan 5 diagram teks biasa baru yang didukung dalam rilis VPasCode terbaru.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a4b0301b2bec.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a4b0301b2bec.png\",\"width\":700,\"height\":700},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pembaruan VPasCode: 5 Jenis Diagram Lanjutan Baru 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":"Pembaruan VPasCode: 5 Jenis Diagram Lanjutan Baru Kini Tersedia","description":"Dari model strategis Cynefin hingga Swimlanes alur kerja dan tampilan pohon bersarang, temukan 5 diagram teks biasa baru yang didukung dalam rilis VPasCode terbaru.","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-update-5-new-advanced-diagram-types-now-available\/","og_locale":"id_ID","og_type":"article","og_title":"Pembaruan VPasCode: 5 Jenis Diagram Lanjutan Baru Kini Tersedia","og_description":"Dari model strategis Cynefin hingga Swimlanes alur kerja dan tampilan pohon bersarang, temukan 5 diagram teks biasa baru yang didukung dalam rilis VPasCode terbaru.","og_url":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/","og_site_name":"Visual Paradigm Product Updates Indonesian","og_image":[{"width":700,"height":700,"url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a4b0301b2bec.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"4 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/","url":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/","name":"Pembaruan VPasCode: 5 Jenis Diagram Lanjutan Baru Kini Tersedia","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a4b0301b2bec.png","datePublished":"2026-07-06T01:24:22+00:00","description":"Dari model strategis Cynefin hingga Swimlanes alur kerja dan tampilan pohon bersarang, temukan 5 diagram teks biasa baru yang didukung dalam rilis VPasCode terbaru.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a4b0301b2bec.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/07\/img_6a4b0301b2bec.png","width":700,"height":700},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/id\/"},{"@type":"ListItem","position":2,"name":"Pembaruan VPasCode: 5 Jenis Diagram Lanjutan Baru 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\/2717","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\/2717\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media\/2718"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media?parent=2717"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/product?post=2717"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/product-area?post=2717"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/version?post=2717"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/release-type?post=2717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}