{"id":2106,"date":"2026-05-26T09:02:41","date_gmt":"2026-05-26T09:02:41","guid":{"rendered":"https:\/\/www.vpascode.com\/de\/docs\/uncategorized\/graphviz-syntax-basis\/"},"modified":"2026-05-26T09:02:41","modified_gmt":"2026-05-26T09:02:41","slug":"graphviz-syntax-basis","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-syntax-basis\/","title":{"rendered":"Grundlage der Graphviz-Syntax: Die DOT-Sprache"},"content":{"rendered":"<article>In der Welt der automatisierten Dokumentation<strong>Graphviz<\/strong> gilt als die Goldstandard-L\u00f6sung zur Umwandlung komplexer, abstrakter Beziehungen in klare, professionelle visuelle Karten. Im Gegensatz zu manuellen Gestaltungstools, die st\u00e4ndige Anpassungen und Ausrichtungen erfordern, arbeitet Graphviz nach dem Prinzip \u201eGraph als Code\u201c. Indem Sie die<strong>DOT-Sprache<\/strong>nutzen, geben Sie die strukturellen Daten an, und ein komplexes Set an Layout-Engines \u00fcbernimmt die Geometrie, sodass Ihre Diagramme stets algorithmisch optimiert sind.<\/p>\n<h2>Die architektonische Philosophie der DOT-Sprache<\/h2>\n<p>Die DOT-Sprache ist ein deklarativer Textformat, der speziell daf\u00fcr entwickelt wurde, Graphen zu beschreiben. Wenn Sie eine DOT-Datei schreiben, sagen Sie dem Computer nicht<em>wo<\/em>eine Linie zu zeichnen; Sie sagen ihm stattdessen<em>verbunden ist<\/em>mit was<em>verbunden ist<\/em>. Diese Abstraktion ist es, die Graphviz f\u00fcr DevOps, Systemingenieurwesen und Datenwissenschaft unverzichtbar macht \u2013 sie erm\u00f6glicht es Ihnen, riesige, dynamische Architekturen darzustellen, die in einem grafischen Editor unm\u00f6glich zu pflegen w\u00e4ren.<\/p>\n<h2>Grundlegende Komponenten einer DOT-Datei<\/h2>\n<p>Jedes Graphviz-Dokument basiert auf einer strengen, logischen Hierarchie. Das Verst\u00e4ndnis dieser Komponenten ist der erste Schritt auf dem Weg zur Beherrschung der automatisierten Diagrammerstellung:<\/p>\n<h3>1. Graphen-Definition und Geltungsbereich<\/h3>\n<p>Das gesamte Dokument ist in einer Graphen-Definition eingeschlossen. Sie m\u00fcssen den Graphentyp am Anfang deklarieren:<\/p>\n<ul>\n<li><code>digraph<\/code>: Wird f\u00fcr gerichtete Graphen verwendet, bei denen die Richtung die prim\u00e4re Bedeutung hat (z.\u202fB. Abh\u00e4ngigkeitsketten).<\/li>\n<li><code>graph<\/code>: Wird f\u00fcr ungerichtete Graphen verwendet, bei denen die Beziehungen wechselseitig sind (z.\u202fB. Netzwerktopologie).<\/li>\n<\/ul>\n<h3>2. Die Identit\u00e4t von Knoten<\/h3>\n<p>Knoten sind die Ecken Ihres Graphen. In DOT sind sie Erste-Klasse-Elemente. Sie k\u00f6nnen sie einfach definieren, indem Sie ihren Namen eingeben, aber f\u00fcr Dokumentationen in Produktionsqualit\u00e4t sollten Sie sie immer mit Beschriftungen definieren. Wenn Ihre ID Leerzeichen oder Sonderzeichen enth\u00e4lt, erfordert die DOT-Sprache, dass Sie den Bezeichner in doppelte Anf\u00fchrungszeichen setzen, um Syntaxfehler zu vermeiden.<\/p>\n<h3>3. Definieren von Kanten und Beziehungen<\/h3>\n<p>Kanten sind die Verbindungen zwischen Ihren Knoten. Die DOT-Sprache bietet zwei prim\u00e4re Operatoren, um diese Beziehungen zu definieren:<\/p>\n<ul>\n<li><code>-&gt;<\/code>: Wird innerhalb von<code>digraph<\/code>verwendet, um die Richtung anzugeben (z.\u202fB. &#8220;<code>Quelle -&gt; Ziel<\/code>).<\/li>\n<li><code>--<\/code>: Innerhalb von verwendet<code>Graph<\/code>um eine wechselseitige Beziehung zu kennzeichnen (z.\u202fB. <code>KnotenA -- KnotenB<\/code>).<\/li>\n<\/ul>\n<h2>Globale Attributverwaltung<\/h2>\n<p>Eine der leistungsst\u00e4rksten Funktionen der DOT-Sprache ist die F\u00e4higkeit, Stile global anzuwenden. Anstatt das <code>Farbe<\/code>, <code>Form<\/code>, oder <code>Schriftart<\/code>f\u00fcr jeden einzelnen Knoten festzulegen, k\u00f6nnen Sie diese am Anfang Ihres Graphen definieren. Dies gew\u00e4hrleistet Konsistenz \u00fcber Ihre gesamte Dokumentations-Suite hinweg.<\/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:eNptjk1LxDAQhu+C\/2GI19XVw56kQkXxIrJr8bR4yDZvm4E0qZN0lyL+d\/uhK6KTQ8jMM28ew7Xo1lLRx4Qml9JyQpk6Ab2fntBQyyU9uLDTjmLqHSjsIcIGcR77YEDbaHWLTIbNxYxlFTsHs6DxLoMLkqmz6nI8amgGn7xukKlcWDv1ej2HwdRD2De+mmrAW\/gDm2Szq4vViB7FnsbPDUqnRScOPtKBk6XO81sHcnoH96Wp8i7ZArLnEoq20yibmvCJy2mb7n3NHkcb9RIhd7c\/+DrEVAuKzSOthRstvfql8ww3a1huB62KPY\/P\/wzOb\/7GbzoII06ZH5+jeoCN\" 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:eNp1j8FKxDAQhu+C7xDi1XX1sCep0KJ40MNK8bR4SLqTdmiaymQqqPg2Psbe+mJOY1lW1MkhzOSf\/\/+yxZrMc6PK18jQ5VQ1yNDyQOr9+EhJLZfq1vfWeFAlox93FihWDQHaIdQQvlVt6BmC2rieuoyg4lMVRZ3V4Mad99Km2xmykOkTdz4dLSJxQseGONM5ofH66XJ2NIFBDOeNVSqdbB1biWfILs5Wk3wPepcottB6Q4axD4LUIStAGQ6MgqsKmDMP6HU+cFMCvWAFWm3sgSRLbxAkFd8QSEZxcRNqDLBH1Y8R6Lr4tbnuI9cE5cO9WhN24yfpH7gFiGMzOW7BYcCJ+C+gxdW\/Ebl1ZOQfyfjjC9RDmYU=\" \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 SystemArchitektur {\r\n    \/\/ Globale Stil\u00fcberschreibungen\r\n    knoten [form=rect, stil=gef\u00fcllt, f\u00fcllfarbe=\"#f0f0f0\", schriftart=\"Arial\"];\r\n    kante [farbe=\"#555555\", stiftbreite=1.5];\r\n\r\n    \/\/ Knotendeklarationen mit eindeutigen Beschriftungen\r\n    \"AuthService\" [beschriftung=\"Authentifizierungs-Engine\"];\r\n    \"UserDB\" [beschriftung=\"PostgreSQL Prim\u00e4r\"];\r\n\r\n    \/\/ Beziehungsdefinition\r\n    \"AuthService\" -&gt; \"UserDB\" [beschriftung=\"Abfragen\"];\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNp1j8FKxDAQhu+C7xDi1XX1sCep0KJ40MNK8bR4SLqTdmiaymQqqPg2Psbe+mJOY1lW1MkhzOSf\/\/+yxZrMc6PK18jQ5VQ1yNDyQOr9+EhJLZfq1vfWeFAlox93FihWDQHaIdQQvlVt6BmC2rieuoyg4lMVRZ3V4Mad99Km2xmykOkTdz4dLSJxQseGONM5ofH66XJ2NIFBDOeNVSqdbB1biWfILs5Wk3wPepcottB6Q4axD4LUIStAGQ6MgqsKmDMP6HU+cFMCvWAFWm3sgSRLbxAkFd8QSEZxcRNqDLBH1Y8R6Lr4tbnuI9cE5cO9WhN24yfpH7gFiGMzOW7BYcCJ+C+gxdW\/Ebl1ZOQfyfjjC9RDmYU=\" \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:eNptjk1LxDAQhu+C\/2GI19XVw56kQkXxIrJr8bR4yDZvm4E0qZN0lyL+d\/uhK6KTQ8jMM28ew7Xo1lLRx4Qml9JyQpk6Ab2fntBQyyU9uLDTjmLqHSjsIcIGcR77YEDbaHWLTIbNxYxlFTsHs6DxLoMLkqmz6nI8amgGn7xukKlcWDv1ej2HwdRD2De+mmrAW\/gDm2Szq4vViB7FnsbPDUqnRScOPtKBk6XO81sHcnoH96Wp8i7ZArLnEoq20yibmvCJy2mb7n3NHkcb9RIhd7c\/+DrEVAuKzSOthRstvfql8ww3a1huB62KPY\/P\/wzOb\/7GbzoII06ZH5+jeoCN\" 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=\"bhGOhoR\"><img alt=\"\" class=\"alignnone size-full wp-image-653\" decoding=\"async\" height=\"169\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904ff35b00.png\" width=\"199\"\/><\/p>\n<h2>Die richtige Layout-Engine ausw\u00e4hlen<\/h2>\n<p>Ein wesentlicher Teil des Verst\u00e4ndnisses der Graphviz-Syntax besteht darin, zu erkennen, dass der DOT-Code nur die H\u00e4lfte der Gleichung ist. Die <strong>Layout-Engine<\/strong>bestimmt, wie dieser Code in Pixel umgewandelt wird. Die Auswahl der richtigen Engine ist entscheidend f\u00fcr SEO-freundliche und lesbare Diagramme:<\/p>\n<ul>\n<li><strong>Dot:<\/strong> Die Standard- und stabilste Engine f\u00fcr hierarchische, top-down-Abl\u00e4ufe.<\/li>\n<li><strong>Neato:<\/strong> Verwendet einen Federmodell-Algorithmus, ideal f\u00fcr ausgewogene, ungerichtete Netzwerke.<\/li>\n<li><strong>Fdp:<\/strong> \u00c4hnlich wie Neato, jedoch optimiert f\u00fcr gr\u00f6\u00dfere Datens\u00e4tze, bei denen eine Knoten\u00fcberlappung strikt vermieden werden muss.<\/li>\n<li><strong>Circo:<\/strong>Ideal f\u00fcr kreisf\u00f6rmige oder radial angeordnete Systemdarstellungen.<\/li>\n<\/ul>\n<h2>Beste Praktiken f\u00fcr wartbare Syntax<\/h2>\n<ul>\n<li><strong>Verwenden Sie sinnvolle ID-Namen:<\/strong>W\u00e4hrend der Engine Ihr Namenskonvention egal ist, ist das f\u00fcr Ihre Kollegen nicht der Fall. Verwenden Sie beschreibende ID-Zeichenketten wie<code>svc_gateway_01<\/code>anstatt generischer<code>n1<\/code>.<\/li>\n<li><strong>Kommentieren Sie Ihren Code:<\/strong>DOT unterst\u00fctzt sowohl<code>\/\/<\/code> Einzeiler als auch<code>\/* ... *\/<\/code> Blockkommentare. Verwenden Sie sie, um *warum* eine bestimmte Verbindung existiert, zu erkl\u00e4ren.<\/li>\n<li><strong>Modularisieren Sie mit Include:<\/strong>Wenn Sie an einem umfangreichen Unternehmensdiagramm arbeiten, k\u00f6nnen Sie Ihre DOT-Dateien in kleinere, logische Teile aufteilen und externe Skripte verwenden, um sie vor der Darstellung zusammenzuf\u00fcgen.<\/li>\n<\/ul>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>In der Welt der automatisierten DokumentationGraphviz gilt als die Goldstandard-L\u00f6sung zur Umwandlung komplexer, abstrakter Beziehungen in klare, professionelle visuelle Karten. Im Gegensatz zu manuellen Gestaltungstools, die st\u00e4ndige Anpassungen und Ausrichtungen erfordern, arbeitet Graphviz nach dem Prinzip \u201eGraph als Code\u201c. Indem&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"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-2106","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 Syntax Basics | VPasCode Text to Diagram Tool<\/title>\n<meta name=\"description\" content=\"Learn DOT language syntax fundamentals in VPasCode, a precision diagram-as-code tool for building clean graph layouts.\" \/>\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-syntax-basis\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Graphviz Syntax Basics | VPasCode Text to Diagram Tool\" \/>\n<meta property=\"og:description\" content=\"Learn DOT language syntax fundamentals in VPasCode, a precision diagram-as-code tool for building clean graph layouts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-syntax-basis\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904ff35b00.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-syntax-basis\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-syntax-basis\\\/\",\"name\":\"Graphviz Syntax Basics | VPasCode Text to Diagram Tool\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-syntax-basis\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-syntax-basis\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1904ff35b00.png\",\"datePublished\":\"2026-05-26T09:02:41+00:00\",\"description\":\"Learn DOT language syntax fundamentals in VPasCode, a precision diagram-as-code tool for building clean graph layouts.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-syntax-basis\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-syntax-basis\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-syntax-basis\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1904ff35b00.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1904ff35b00.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/de\\\/docs\\\/vpascode-docs\\\/graphviz-syntax-basis\\\/#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\":\"Grundlage der Graphviz-Syntax: Die DOT-Sprache\"}]},{\"@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 Syntax Basics | VPasCode Text to Diagram Tool","description":"Learn DOT language syntax fundamentals in VPasCode, a precision diagram-as-code tool for building clean graph layouts.","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-syntax-basis\/","og_locale":"de_DE","og_type":"article","og_title":"Graphviz Syntax Basics | VPasCode Text to Diagram Tool","og_description":"Learn DOT language syntax fundamentals in VPasCode, a precision diagram-as-code tool for building clean graph layouts.","og_url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-syntax-basis\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904ff35b00.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-syntax-basis\/","url":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-syntax-basis\/","name":"Graphviz Syntax Basics | VPasCode Text to Diagram Tool","isPartOf":{"@id":"https:\/\/www.vpascode.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-syntax-basis\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-syntax-basis\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904ff35b00.png","datePublished":"2026-05-26T09:02:41+00:00","description":"Learn DOT language syntax fundamentals in VPasCode, a precision diagram-as-code tool for building clean graph layouts.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-syntax-basis\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-syntax-basis\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-syntax-basis\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904ff35b00.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904ff35b00.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/de\/docs\/vpascode-docs\/graphviz-syntax-basis\/#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":"Grundlage der Graphviz-Syntax: Die DOT-Sprache"}]},{"@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\/2106","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=2106"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/de\/wp-json\/wp\/v2\/ld_collection?post=2106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}