{"id":2100,"date":"2026-05-26T09:02:41","date_gmt":"2026-05-26T09:02:41","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/docs\/uncategorized\/graphviz-cluster-syntax-guide\/"},"modified":"2026-05-26T09:02:41","modified_gmt":"2026-05-26T09:02:41","slug":"graphviz-cluster-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/","title":{"rendered":"Panduan Sintaks Cluster Graphviz: Pemetaan Batas Bersarang"},"content":{"rendered":"<article>Dalam pemetaan infrastruktur skala besar, diagram datar sering kali gagal menyampaikan organisasi logis dari suatu sistem. Ketika Anda perlu merepresentasikan &#8216;dalam versus luar&#8217;, batas cloud, atau isolasi tingkat layanan, Anda memerlukan<strong>Cluster<\/strong>. Dalam Graphviz, cluster adalah bentuk khusus dari subgraf yang memberi petunjuk kepada mesin rendering untuk menggambar kotak pembatas di sekitar sekelompok node tertentu, secara efektif menciptakan wadah visual untuk komponen sistem logis.<\/p>\n<h2>Mekanisme Cluster DOT<\/h2>\n<p>Bahasa DOT memperlakukan subgraf dan cluster secara berbeda. Untuk membuat sebuah<strong>Cluster<\/strong>, pengenal subgraf Anda<em>harus<\/em>dimulai dengan awalan<code>cluster_<\/code>. Ini adalah persyaratan sintaks wajib; jika Anda menghilangkan awalan ini, mesin tata letak akan memperlakukan kelompok tersebut sebagai pengelompokan logis sederhana tanpa batas visual atau pengisian latar belakang.<\/p>\n<h3>Mengapa Cluster Penting untuk Arsitektur<\/h3>\n<p>Cluster berfungsi sebagai &#8216;lingkup&#8217; dokumentasi Anda. Dengan menempatkan komponen di dalam cluster, Anda menyampaikan kepada pembaca bahwa elemen-elemen ini berbagi lingkungan yang sama, zona keamanan, atau siklus hidup. Ini sangat penting untuk:<\/p>\n<ul>\n<li><strong>Visualisasi Multi-Cloud:<\/strong>Mengelompokkan node berdasarkan VPC, wilayah, atau zona ketersediaan.<\/li>\n<li><strong>Isolasi Mikroservis:<\/strong>Menunjukkan layanan mana yang termasuk dalam domain fungsional mana.<\/li>\n<li><strong>Audit Keamanan:<\/strong>Menunjukkan secara visual komponen mana yang berada di dalam perimeter yang dilindungi (misalnya, cluster &#8216;DMZ&#8217;).<\/li>\n<\/ul>\n<h2>Konfigurasi Cluster Lanjutan<\/h2>\n<p>Cluster mendukung seluruh kumpulan atribut Graphviz, memungkinkan Anda menata sendiri wadah tersebut. Anda dapat menetapkan warna latar belakang, gaya batas, dan label deskriptif untuk memastikan cluster berfungsi sebagai bagian resmi dari dokumentasi.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNp1kc1qwzAQhO+FvsPic0Pac3AhpKGX\/hgC7SEUs5Y2tkCWhFZOMCXvXrmKadq4e53R+BuPVLVH18DaBPLOK6aVtp2Ez+sriDefw6O2FWpINqYQlKk5qcK2znZG5sF3tBjMLySIGX0PO+uBZE0MwQI7NFBROBAZELrj+LGYkVK4q1L4SSjxwOXeiZFhOI0VacghW75voPBWdiIoa+CtWGWLHxuHXlO07ZTWJM8EYXXkyUGrugm1p\/5MM1YSbL+f5unhTfLnh0YF+liMoMNlS+fKDfl95Ly9y2B2D9kDBqyQqSy8amP3kej4b0NrSuepnWz4amZF1OISDE9Uo+jhYbKkRG4mS1Y6rvELOuWUz6jMzmNLF4RxunUcC4S3zHHgkRSqYV\/0ik6TT\/W\/SIetbghl\/qfu8CePX1z0ujI=\" 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 Graphviz 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\">Graphviz<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNp1UcFqAjEQvQv+w7Dniu1ZtiDqzcKCUA9SltnNuAazSZgkFin+e2fdSm3VgSQk783kvRmlG0a\/g4WNxJ51oJlxScHXcAAS4zEUZBuMidGCULfQGFeh6eHatd4lq\/LIiSYde649sUl7YWODDEEHDQo9RmjJaBtR7hXKAbVJQT4dDvpaIVW9lJ\/3Ej9DefD1RUoXBisykEP2XsygYKfSXspN16ts8ksK8WhISFttDKkroHbGsQBYpZEsaJPCK9g6RbA5Z+d97lOfkvsU9e5jclHaRTb1vlwRH0To80sGo1fI5mKrwkBlwbpFPl5EnR5adLb0TO1di\/MZrFEGIp1cuj2aexZFWAqj837HZ6U5\/RW9pAbrY\/mG2m4ZW7pRKBNcdRN7OKtH3m8qw8bsCFX+z2rXxdM37F+7jA==\" \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 Graphviz in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-graphviz\"><code class=\"language-graphviz\" data-language=\"graphviz\" class=\"language-graphviz\">digraph EnterpriseCloud {\r\n    \/\/ Pengaturan graf global\r\n    compound=true; \/\/ Diperlukan agar sisi dapat melintasi batas cluster\r\n\r\n    subgraph cluster_aws_vpc {\r\n        label = \"VPC Produksi AWS\";\r\n        style = filled;\r\n        color = abu-abu muda;\r\n        node [style=filled, color=putih];\r\n\r\n        \"App_Server_01\" -&gt; \"Database_Primary\";\r\n    }\r\n\r\n    subgraph cluster_on_prem {\r\n        label = \"DC Warisan Lokal\";\r\n        style = putus-putus;\r\n        color = biru;\r\n\r\n        \"Legacy_Mainframe\";\r\n    }\r\n\r\n    \/\/ Sisi melintasi batas cluster\r\n    \"App_Server_01\" -&gt; \"Legacy_Mainframe\" [lhead=cluster_on_prem];\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNp1UcFqAjEQvQv+w7Dniu1ZtiDqzcKCUA9SltnNuAazSZgkFin+e2fdSm3VgSQk783kvRmlG0a\/g4WNxJ51oJlxScHXcAAS4zEUZBuMidGCULfQGFeh6eHatd4lq\/LIiSYde649sUl7YWODDEEHDQo9RmjJaBtR7hXKAbVJQT4dDvpaIVW9lJ\/3Ej9DefD1RUoXBisykEP2XsygYKfSXspN16ts8ksK8WhISFttDKkroHbGsQBYpZEsaJPCK9g6RbA5Z+d97lOfkvsU9e5jclHaRTb1vlwRH0To80sGo1fI5mKrwkBlwbpFPl5EnR5adLb0TO1di\/MZrFEGIp1cuj2aexZFWAqj837HZ6U5\/RW9pAbrY\/mG2m4ZW7pRKBNcdRN7OKtH3m8qw8bsCFX+z2rXxdM37F+7jA==\" \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 Graphviz in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNp1kc1qwzAQhO+FvsPic0Pac3AhpKGX\/hgC7SEUs5Y2tkCWhFZOMCXvXrmKadq4e53R+BuPVLVH18DaBPLOK6aVtp2Ez+sriDefw6O2FWpINqYQlKk5qcK2znZG5sF3tBjMLySIGX0PO+uBZE0MwQI7NFBROBAZELrj+LGYkVK4q1L4SSjxwOXeiZFhOI0VacghW75voPBWdiIoa+CtWGWLHxuHXlO07ZTWJM8EYXXkyUGrugm1p\/5MM1YSbL+f5unhTfLnh0YF+liMoMNlS+fKDfl95Ly9y2B2D9kDBqyQqSy8amP3kej4b0NrSuepnWz4amZF1OISDE9Uo+jhYbKkRG4mS1Y6rvELOuWUz6jMzmNLF4RxunUcC4S3zHHgkRSqYV\/0ik6TT\/W\/SIetbghl\/qfu8CePX1z0ujI=\" 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 Graphviz di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"EnJEsqb\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-657\" decoding=\"async\" fetchpriority=\"high\" height=\"208\" sizes=\"(max-width: 613px) 100vw, 613px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1905889f5ff.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1905889f5ff.png 613w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1905889f5ff-300x102.png 300w\" width=\"613\"\/><\/p>\n<h2>Praktik Terbaik Cluster Strategis<\/h2>\n<ul>\n<li><strong>Aktifkan<code>compound=true<\/code>:<\/strong> Saat bekerja dengan kluster, selalu atur <code>compound=true<\/code> pada tingkat teratas dari digraf Anda. Ini mengaktifkan atribut <code>lhead<\/code> (kepala logis) dan <code>ltail<\/code> (ekor logis) atribut, memungkinkan Anda menggambar tepi yang dimulai atau berakhir tepat di tepi kotak kluster, bukan di dalamnya.<\/li>\n<li><strong>Pertahankan Hierarki Visual:<\/strong> Gunakan warna dan gaya secara konsisten. Misalnya, gunakan isian latar belakang lembut untuk kluster &#8220;Cloud&#8221; dan batas putus-putus untuk infrastruktur &#8220;Lama&#8221; atau &#8220;Sementara&#8221;. Ini memungkinkan pengguna untuk menelusuri diagram dan segera memahami gambaran arsitektur.<\/li>\n<li><strong>Jangan Terlalu Banyak Bersarang:<\/strong> Meskipun Graphviz mendukung penyusunan kluster yang dalam (kluster di dalam kluster), usahakan batasi penyusunan Anda hingga maksimal dua atau tiga tingkat. Terlalu banyak penyusunan menyebabkan perhitungan rute tepi yang rumit, yang dapat membuat diagram sulit dipahami.<\/li>\n<li><strong>Label Wajib Digunakan:<\/strong> Jangan pernah meninggalkan kluster tanpa nama. Kotak pembatas tanpa label bersifat ambigu; kluster yang diberi label berfungsi sebagai penanda konteks yang pasti untuk semua yang berada di dalamnya.<\/li>\n<\/ul>\n<p>Menguasai sintaks kluster mengubah diagram Anda dari daftar sederhana node yang terhubung menjadi cetak biru arsitektur yang kaya dan peka konteks. Dengan menentukan batas dengan jelas, Anda memberikan kejelasan kepada pemangku kepentingan untuk memahami interaksi sistem yang kompleks.<\/p>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Dalam pemetaan infrastruktur skala besar, diagram datar sering kali gagal menyampaikan organisasi logis dari suatu sistem. Ketika Anda perlu merepresentasikan &#8216;dalam versus luar&#8217;, batas cloud, atau isolasi tingkat layanan, Anda memerlukanCluster. Dalam Graphviz, cluster adalah bentuk khusus dari subgraf yang&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":3,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2100","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Graphviz Cluster Guide | VPasCode Text to Diagram Tool<\/title>\n<meta name=\"description\" content=\"Group related nodes into subgraphs using Graphviz clusters in VPasCode, a free web-based diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Graphviz Cluster Guide | VPasCode Text to Diagram Tool\" \/>\n<meta property=\"og:description\" content=\"Group related nodes into subgraphs using Graphviz clusters in VPasCode, a free web-based diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1905889f5ff.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=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/graphviz-cluster-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/graphviz-cluster-syntax-guide\\\/\",\"name\":\"Graphviz Cluster Guide | VPasCode Text to Diagram Tool\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/graphviz-cluster-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/graphviz-cluster-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1905889f5ff.png\",\"datePublished\":\"2026-05-26T09:02:41+00:00\",\"description\":\"Group related nodes into subgraphs using Graphviz clusters in VPasCode, a free web-based diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/graphviz-cluster-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/graphviz-cluster-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/graphviz-cluster-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1905889f5ff.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1905889f5ff.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/graphviz-cluster-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Panduan Sintaks Cluster Graphviz: Pemetaan Batas Bersarang\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Graphviz Cluster Guide | VPasCode Text to Diagram Tool","description":"Group related nodes into subgraphs using Graphviz clusters in VPasCode, a free web-based diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/","og_locale":"id_ID","og_type":"article","og_title":"Graphviz Cluster Guide | VPasCode Text to Diagram Tool","og_description":"Group related nodes into subgraphs using Graphviz clusters in VPasCode, a free web-based diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1905889f5ff.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/","url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/","name":"Graphviz Cluster Guide | VPasCode Text to Diagram Tool","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1905889f5ff.png","datePublished":"2026-05-26T09:02:41+00:00","description":"Group related nodes into subgraphs using Graphviz clusters in VPasCode, a free web-based diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1905889f5ff.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1905889f5ff.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/graphviz-cluster-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/id\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/id\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Panduan Sintaks Cluster Graphviz: Pemetaan Batas Bersarang"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/id\/#website","url":"https:\/\/www.vpascode.com\/id\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/id\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs\/2100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media?parent=2100"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=2100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}