{"id":2104,"date":"2026-05-26T09:02:41","date_gmt":"2026-05-26T09:02:41","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/docs\/uncategorized\/graphviz-graph-syntax-guide\/"},"modified":"2026-05-26T09:02:41","modified_gmt":"2026-05-26T09:02:41","slug":"graphviz-graph-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-graph-syntax-guide\/","title":{"rendered":"Graphviz-Graph-Syntax-Leitfaden: Ungerichtete Netzwerk-Karten"},"content":{"rendered":"<article>W\u00e4hrend der <strong>digraph<\/strong> ist entscheidend f\u00fcr die Visualisierung von Fluss und Hierarchie, w\u00e4hrend der <strong>ungerichtete Graph<\/strong> (einfach durch das <code>graph<\/code> Schl\u00fcsselwort) ist die Branchenstandard f\u00fcr die Darstellung von Systemen, bei denen Beziehungen wechselseitig, gleichberechtigt oder nicht hierarchisch sind. In einem ungerichteten Graphen zeigt der Verbindungsoperator <code>--<\/code> eine Verbindung zwischen zwei Knoten an, ohne zu implizieren, dass ein Knoten zu, verursacht oder verwaltet den anderen.<\/p>\n<h2>Die Philosophie ungerichteter Beziehungen<\/h2>\n<p>Ungerichtete Graphen sind die nat\u00fcrliche Sprache physischer und logischer Netzwerke. In Szenarien wie Server-Mesh-Cluster, Peer-to-Peer-(P2P)-Dateifreigabe, soziale Vernetzung oder Hardware-Verkabelung ist die \u201eRichtung\u201c von Daten oft flie\u00dfend oder bidirektional. Die Verwendung eines ungerichteten <code>graph<\/code>Declarations entfernt die kognitive Verzerrung von \u201eQuelle\u201c und \u201eZiel\u201c, sodass der Leser sich auf die <strong>Topologie<\/strong>\u2014die strukturelle Integrit\u00e4t und Dichte des Netzwerks selbst.<\/p>\n<h3>1. Syntax-Mechanik<\/h3>\n<p>Die Definition eines ungerichteten Graphen folgt einer Syntax, die fast identisch mit der eines Digraphen ist, mit einer entscheidenden \u00c4nderung: dem Operator. Durch Ersetzen von <code>-&gt;<\/code> durch <code>--<\/code> weisen Sie den DOT-Compiler an, dass diese Verbindungen symmetrische Assoziationen darstellen.<\/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:eNpLL0osyFDwSy0pzy\/KDskvyM\/JT69UqOblUgACfX0FR4WkzJTMotTkksz8vMQchcTi4vzkzEQQD6JGKTi1qCy1KN7AUElBVxfBNVKyhihAMiq3NKckUzcvPyVVITe1OEMhOT8vD2IymllGqGYZo3JNQEbXAgCyojY9\" 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>Graphviz in VPasCode bearbeiten<\/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:eNpdjTELwjAQRnfB\/3BkD9Xq5uTgaBfFVRJ6NEfqXblERcX\/rqWDxG978Hhfp24I0GC+i8ajDNJL94DXfAbfVRXsiBE8taQYMwm7HmGbkjzJjTh55oB6Qz0vlgas\/WFtNpNQ5i4YNLJkZO8SoWaEPaZgT6ieuL1y95ety+yqxPX48v4AxGY8fg==\" \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\">graph NetworkTopology {\r\n    \/\/ Eine bidirektionale Assoziation\r\n    \"Server_01\" -- \"Server_02\";\r\n    \r\n    \/\/ Eine mehrknotenbasierte Mesh-Verbindung\r\n    \"Server_02\" -- \"Server_03\" -- \"Server_04\";\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNpdjTELwjAQRnfB\/3BkD9Xq5uTgaBfFVRJ6NEfqXblERcX\/rqWDxG978Hhfp24I0GC+i8ajDNJL94DXfAbfVRXsiBE8taQYMwm7HmGbkjzJjTh55oB6Qz0vlgas\/WFtNpNQ5i4YNLJkZO8SoWaEPaZgT6ieuL1y95ety+yqxPX48v4AxGY8fg==\" \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:eNpLL0osyFDwSy0pzy\/KDskvyM\/JT69UqOblUgACfX0FR4WkzJTMotTkksz8vMQchcTi4vzkzEQQD6JGKTi1qCy1KN7AUElBVxfBNVKyhihAMiq3NKckUzcvPyVVITe1OEMhOT8vD2IymllGqGYZo3JNQEbXAgCyojY9\" 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>Graphviz in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"FvGUftp\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-655\" decoding=\"async\" fetchpriority=\"high\" height=\"347\" sizes=\"(max-width: 177px) 100vw, 177px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19053c6cb89.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19053c6cb89.png 177w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19053c6cb89-153x300.png 153w\" width=\"177\"\/><\/p>\n<h2>Erweiterte Layout-Strategien: Das \u201eFeder-Modell\u201c<\/h2>\n<p>Ein h\u00e4ufiger Fehler f\u00fcr neue Graphviz-Nutzer ist es, ungerichtete Graphen mit dem Standard-<code>dot<\/code>Engine zu rendern. Da die <code>dot<\/code> Engine ist f\u00fcr hierarchisches Ranking optimiert, erzeugt oft unbalancierte, unangenehme Layouts f\u00fcr ungerichtete Daten. Stattdessen sollten Sie f\u00fcr Ihre ungerichteten <code>Graph<\/code>Definitionen Engines verwenden, die f\u00fcr Gleichgewicht ausgelegt sind:<\/p>\n<ul>\n<li><strong>neato:<\/strong> Die prim\u00e4re Wahl f\u00fcr ungerichtete Graphen. Es verwendet den \u201eKamada-Kawai\u201c-Algorithmus, bei dem jeder Kante wie einer physikalischen Feder behandelt wird. Verbundene Knoten r\u00fccken n\u00e4her zusammen, w\u00e4hrend unverbundene Knoten sich voneinander wegdr\u00e4ngen, bis das System einen Zustand minimaler Energie erreicht.<\/li>\n<li><strong>fdp:<\/strong> Eine Variante des Federmodell-Algorithmus, speziell f\u00fcr gr\u00f6\u00dfere Datens\u00e4tze optimiert. Er ist \u00e4u\u00dferst effektiv bei der Verhinderung von \u201eKnoten\u00fcberlappungen\u201c in dichten Netzwerkkarten.<\/li>\n<\/ul>\n<h3>Implementierungsbeispiel<\/h3>\n<p>Durch die Angabe des <code>Layout<\/code>Engine innerhalb Ihrer DOT-Datei stellen Sie sicher, dass jeder, der Ihren Code rendert, die korrekte, ausgewogene visuelle Ausgabe erh\u00e4lt, unabh\u00e4ngig von seiner lokalen Installation.<\/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:eNp1j0FqwzAQRfeF3GHwOiYHMF44Cd01FyglKNK3JFA0RhpDTOndI1dNaRfRYiR4\/6E\/NqnJ0RuyG5J2XqBlTqDPzQuVE9TCs\/QRSrij3Y5eOWlkEgfKU\/LRtlc2CIRofUSV6izhAbkExWuygS8qkMGo5iC5JmIx6T07NaF3uCnLcUtZloB+9CHAbGm9NQdOPScVLT66qsLYolZik1oenmERmDX1W+KI0cdS9LvztexZSXMqv5+Hhtr2571vumfo8B\/tn6PDH3Rc0dcdTQhoXw==\" 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>Graphviz in VPasCode bearbeiten<\/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:eNp1j81OwzAQhO9IvMMq50Z9gCiH\/kBPcORQhJCJp7Yls1vZG6UR4sab8WI4pCA4dA\/elb6Z0dglc\/R0h+xXqfNB0WmfQG\/XV1QmmlF6bRlGpaHlkvaDYZcHhAx6QBrAtmdHFpluYZFexSLG+oZdYOQ5ZH6L+fMjq4eG3HmQi\/JiYkmRhMBZi60kgWc1lxx6zN4c0XqcjBNeUNYxoj2EGGEXNO1OoqRWUimFp2a2wrpinYlLZvzxWVGFnVS\/hbY4BA4ahL9\/sAtFkc6tq\/tS4XlVUV2f73XVXEKb\/2h9GW3+oO2E3r8AXA52fQ==\" \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\">graph MeshArchitecture {\r\n    layout=neato; \/\/ Zwangsweise Verwendung des Federmodell-Engines\r\n    \r\n    \/\/ \u00c4sthetische globale Voreinstellungen\r\n    node [shape=hexagon, style=filled, fillcolor=orange];\r\n    edge [color=gray, style=dotted];\r\n\r\n    \/\/ Definition des Gitters\r\n    \"Node_A\" -- \"Node_B\";\r\n    \"Node_A\" -- \"Node_C\";\r\n    \"Node_B\" -- \"Node_C\";\r\n    \"Node_C\" -- \"Node_D\";\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNp1j81OwzAQhO9IvMMq50Z9gCiH\/kBPcORQhJCJp7Yls1vZG6UR4sab8WI4pCA4dA\/elb6Z0dglc\/R0h+xXqfNB0WmfQG\/XV1QmmlF6bRlGpaHlkvaDYZcHhAx6QBrAtmdHFpluYZFexSLG+oZdYOQ5ZH6L+fMjq4eG3HmQi\/JiYkmRhMBZi60kgWc1lxx6zN4c0XqcjBNeUNYxoj2EGGEXNO1OoqRWUimFp2a2wrpinYlLZvzxWVGFnVS\/hbY4BA4ahL9\/sAtFkc6tq\/tS4XlVUV2f73XVXEKb\/2h9GW3+oO2E3r8AXA52fQ==\" \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:eNp1j0FqwzAQRfeF3GHwOiYHMF44Cd01FyglKNK3JFA0RhpDTOndI1dNaRfRYiR4\/6E\/NqnJ0RuyG5J2XqBlTqDPzQuVE9TCs\/QRSrij3Y5eOWlkEgfKU\/LRtlc2CIRofUSV6izhAbkExWuygS8qkMGo5iC5JmIx6T07NaF3uCnLcUtZloB+9CHAbGm9NQdOPScVLT66qsLYolZik1oenmERmDX1W+KI0cdS9LvztexZSXMqv5+Hhtr2571vumfo8B\/tn6PDH3Rc0dcdTQhoXw==\" 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>Graphviz in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"Qjjhukf\"><img alt=\"\" class=\"alignnone size-full wp-image-656\" decoding=\"async\" height=\"245\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190540cf743.png\" width=\"257\"\/><\/p>\n<h2>Optimierung ungerichteter Visualisierungen f\u00fcr SEO und Lesbarkeit<\/h2>\n<p>Beim Abbilden ungerichteter Netzwerke kann das visuelle Layout schnell \u00fcberladen werden. Befolgen Sie diese Strategien, um professionelle Ergebnisse zu erzielen:<\/p>\n<ul>\n<li><strong>Vermeiden Sie \u201eHaarball\u201c-Graphen:<\/strong> Wenn eine Netzwerkkarte zu dicht ist, um verst\u00e4ndlich zu sein, ist die Graphviz-L\u00f6sung keine weiteren Kanten \u2013 es ist die Gruppierung. Verwenden Sie Untergitter, um ein gro\u00dfes Gitter in logische \u201eNachbarschaften\u201c aufzuteilen, die durch weniger, aber bedeutendere Br\u00fccken miteinander verbunden sind.<\/li>\n<li><strong>Nutzen Sie Kantenl\u00e4ngen:<\/strong> In <code>neato<\/code>, k\u00f6nnen Sie <code>len<\/code>Attribute auf Kanten definieren (z.\u202fB. <code>\"A\" -- \"B\" [len=2.0]<\/code>). Dadurch k\u00f6nnen Sie die physische Distanz zwischen Knoten mathematisch erh\u00f6hen und Ihrem Netzwerk effektiv \u201eAtmosph\u00e4re\u201c in dichten Bereichen geben.<\/li>\n<li><strong>Fokussieren Sie sich auf Knotencluster:<\/strong> Selbst ohne die <code>cluster_<\/code>Pr\u00e4fix, das in Digraphen verwendet wird. Sie k\u00f6nnen Knoten in Untergraphen gruppieren, um den Federmodell-Engine zu helfen, zu verstehen, dass bestimmte Knoten physisch nahe beieinander bleiben sollten.<\/li>\n<\/ul>\n<p>Die Beherrschung der ungerichteten Graphensyntax erm\u00f6glicht es Ihnen, das \u201eNetz\u201c Ihrer Infrastruktur zu dokumentieren, anstatt nur den \u201eFluss\u201c zu beschreiben. Durch die Verwendung der richtigen Layout-Engines und Federmodell-Attribute k\u00f6nnen Sie Netzwerkkarten erstellen, die sowohl mathematisch korrekt als auch visuell intuitiv sind.<\/p>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>W\u00e4hrend der digraph ist entscheidend f\u00fcr die Visualisierung von Fluss und Hierarchie, w\u00e4hrend der ungerichtete Graph (einfach durch das graph Schl\u00fcsselwort) ist die Branchenstandard f\u00fcr die Darstellung von Systemen, bei denen Beziehungen wechselseitig, gleichberechtigt oder nicht hierarchisch sind. In einem&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":2,"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-2104","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 Graph Guide | VPasCode Diagram-as-Code Tool<\/title>\n<meta name=\"description\" content=\"Model symmetric network connections with Graphviz undirected graphs in VPasCode, an agile text to diagram 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\/de\/docs\/vpascode-docs\/graphviz-graph-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Graphviz Graph Guide | VPasCode Diagram-as-Code Tool\" \/>\n<meta property=\"og:description\" content=\"Model symmetric network connections with Graphviz undirected graphs in VPasCode, an agile text to diagram tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-graph-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_6a19053c6cb89.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-graph-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-graph-syntax-guide\\\/\",\"name\":\"Graphviz Graph Guide | VPasCode Diagram-as-Code Tool\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-graph-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-graph-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a19053c6cb89.png\",\"datePublished\":\"2026-05-26T09:02:41+00:00\",\"description\":\"Model symmetric network connections with Graphviz undirected graphs in VPasCode, an agile text to diagram tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-graph-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-graph-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-graph-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a19053c6cb89.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a19053c6cb89.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-graph-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Graphviz-Graph-Syntax-Leitfaden: Ungerichtete Netzwerk-Karten\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/wp-content\\\/uploads\\\/sites\\\/4\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Graphviz Graph Guide | VPasCode Diagram-as-Code Tool","description":"Model symmetric network connections with Graphviz undirected graphs in VPasCode, an agile text to diagram 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\/de\/docs\/vpascode-docs\/graphviz-graph-syntax-guide\/","og_locale":"de_DE","og_type":"article","og_title":"Graphviz Graph Guide | VPasCode Diagram-as-Code Tool","og_description":"Model symmetric network connections with Graphviz undirected graphs in VPasCode, an agile text to diagram tool.","og_url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-graph-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19053c6cb89.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-graph-syntax-guide\/","url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-graph-syntax-guide\/","name":"Graphviz Graph Guide | VPasCode Diagram-as-Code Tool","isPartOf":{"@id":"https:\/\/www.vpascode.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-graph-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-graph-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19053c6cb89.png","datePublished":"2026-05-26T09:02:41+00:00","description":"Model symmetric network connections with Graphviz undirected graphs in VPasCode, an agile text to diagram tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-graph-syntax-guide\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-graph-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-graph-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19053c6cb89.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19053c6cb89.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-graph-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/de\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/de\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Graphviz-Graph-Syntax-Leitfaden: Ungerichtete Netzwerk-Karten"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/de\/#website","url":"https:\/\/www.vpascode.com\/de\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/de\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/de\/wp-content\/uploads\/sites\/4\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs\/2104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/media?parent=2104"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_collection?post=2104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}