{"id":162,"date":"2026-05-26T09:02:41","date_gmt":"2026-05-26T09:02:41","guid":{"rendered":"https:\/\/www.vpascode.com\/es\/docs\/uncategorized\/graphviz-playbook\/graphviz-syntax-basis\/"},"modified":"2026-07-29T08:41:42","modified_gmt":"2026-07-29T08:41:42","slug":"graphviz-syntax-basis","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/","title":{"rendered":"Graphviz Syntax Basis: The DOT Language"},"content":{"rendered":"<article>In the world of automated documentation, <strong>Graphviz<\/strong> stands as the gold standard for transforming complex, abstract relationships into clear, professional visual maps. Unlike manual design tools that require constant tweaking and alignment, Graphviz operates on the principle of \u00abgraph-as-code.\u00bb By leveraging the <strong>DOT language<\/strong>, you provide the structural data, and a sophisticated set of layout engines handles the geometry, ensuring your diagrams are always algorithmically optimized.<\/p>\n<h2>The Architectural Philosophy of DOT<\/h2>\n<p>The DOT language is a declarative text format specifically engineered to describe graphs. When you write a DOT file, you are not telling the computer <em>where<\/em> to draw a line; you are telling it <em>what<\/em> connects to <em>what<\/em>. This abstraction is what makes Graphviz essential for DevOps, systems engineering, and data science\u2014it allows you to represent massive, volatile architectures that would be impossible to maintain in a graphical editor.<\/p>\n<h2>Foundational Components of a DOT File<\/h2>\n<p>Every Graphviz document is built upon a rigid, logical hierarchy. Understanding these components is the first step toward mastering automated diagramming:<\/p>\n<h3>1. Graph Definition and Scoping<\/h3>\n<p>The entire document is wrapped in a graph definition. You must declare the graph type at the very beginning:<\/p>\n<ul>\n<li><code>digraph<\/code>: Used for directed graphs where directionality is the primary concern (e.g., dependency chains).<\/li>\n<li><code>graph<\/code>: Used for undirected graphs where relationships are mutual (e.g., network topology).<\/li>\n<\/ul>\n<h3>2. The Identity of Nodes<\/h3>\n<p>Nodes are the vertices of your graph. In DOT, they are first-class citizens. You can define them simply by typing their name, but for production-grade documentation, you should always define them with labels. If your ID contains spaces or special characters, the DOT language requires you to enclose the identifier in double quotes to prevent syntax errors.<\/p>\n<h3>3. Defining Edges and Relationships<\/h3>\n<p>Edges are the links between your nodes. The DOT language provides two primary operators to define these relationships:<\/p>\n<ul>\n<li><code>-&gt;<\/code>: Used within <code>digraph<\/code> to denote direction (e.g., <code>Source -&gt; Destination<\/code>).<\/li>\n<li><code>--<\/code>: Used within <code>graph<\/code> to denote a mutual association (e.g., <code>NodeA -- NodeB<\/code>).<\/li>\n<\/ul>\n<h2>Global Attribute Management<\/h2>\n<p>One of the most powerful features of the DOT language is the ability to apply styles globally. Rather than setting the <code>color<\/code>, <code>shape<\/code>, or <code>fontname<\/code> for every single node, you can define these at the start of your graph. This ensures consistency across your entire documentation suite.<\/p>\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\/#graphviz:eNptjk1LxDAQhu+C\/2GI19XVw56kQkXxIrJr8bR4yDZvm4E0qZN0lyL+d\/uhK6KTQ8jMM28ew7Xo1lLRx4Qml9JyQpk6Ab2fntBQyyU9uLDTjmLqHSjsIcIGcR77YEDbaHWLTIbNxYxlFTsHs6DxLoMLkqmz6nI8amgGn7xukKlcWDv1ej2HwdRD2De+mmrAW\/gDm2Szq4vViB7FnsbPDUqnRScOPtKBk6XO81sHcnoH96Wp8i7ZArLnEoq20yibmvCJy2mb7n3NHkcb9RIhd7c\/+DrEVAuKzSOthRstvfql8ww3a1huB62KPY\/P\/wzOb\/7GbzoII06ZH5+jeoCN\" \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 data-language=\"graphviz\" class=\"language-graphviz\">digraph SystemArchitecture {\r\n    \/\/ Global style overrides\r\n    node [shape=rect, style=filled, fillcolor=\"#f0f0f0\", fontname=\"Arial\"];\r\n    edge [color=\"#555555\", penwidth=1.5];\r\n\r\n    \/\/ Node declarations with unique labels\r\n    \"AuthService\" [label=\"Authentication Engine\"];\r\n    \"UserDB\" [label=\"PostgreSQL Primary\"];\r\n\r\n    \/\/ Relationship definition\r\n    \"AuthService\" -&gt; \"UserDB\" [label=\"Queries\"];\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#graphviz:eNptjk1LxDAQhu+C\/2GI19XVw56kQkXxIrJr8bR4yDZvm4E0qZN0lyL+d\/uhK6KTQ8jMM28ew7Xo1lLRx4Qml9JyQpk6Ab2fntBQyyU9uLDTjmLqHSjsIcIGcR77YEDbaHWLTIbNxYxlFTsHs6DxLoMLkqmz6nI8amgGn7xukKlcWDv1ej2HwdRD2De+mmrAW\/gDm2Szq4vViB7FnsbPDUqnRScOPtKBk6XO81sHcnoH96Wp8i7ZArLnEoq20yibmvCJy2mb7n3NHkcb9RIhd7c\/+DrEVAuKzSOthRstvfql8ww3a1huB62KPY\/P\/wzOb\/7GbzoII06ZH5+jeoCN\" \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 id=\"bhGOhoR\"><img decoding=\"async\" width=\"199\" height=\"169\" class=\"alignnone size-full wp-image-653 \" src=\"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/05\/img_6a1904ff35b00.png\" alt=\"\" \/><\/p>\n<h2>Choosing the Right Layout Engine<\/h2>\n<p>A major part of understanding Graphviz syntax is recognizing that the DOT code is only half the equation. The <strong>Layout Engine<\/strong> determines how that code is translated into pixels. Choosing the right engine is critical for SEO-friendly and readable diagrams:<\/p>\n<ul>\n<li><strong>Dot:<\/strong> The default and most stable engine for hierarchical, top-down workflows.<\/li>\n<li><strong>Neato:<\/strong> Employs a spring-model algorithm, perfect for balanced, undirected networks.<\/li>\n<li><strong>Fdp:<\/strong> Similar to Neato but optimized for larger datasets where node overlap needs to be strictly avoided.<\/li>\n<li><strong>Circo:<\/strong> Ideal for circular or radial system representations.<\/li>\n<\/ul>\n<h2>Best Practices for Maintainable Syntax<\/h2>\n<ul>\n<li><strong>Use Meaningful ID Names:<\/strong> While the engine doesn&#8217;t care about your naming convention, your teammates do. Use descriptive ID strings like <code>svc_gateway_01<\/code> rather than generic <code>n1<\/code>.<\/li>\n<li><strong>Comment Your Code:<\/strong> DOT supports both <code>\/\/<\/code> single-line and <code>\/* ... *\/<\/code> block comments. Use them to explain *why* a specific connection exists.<\/li>\n<li><strong>Modularize with Include:<\/strong> If you are working on a massive enterprise diagram, you can break your DOT files into smaller, logical chunks and use external scripts to concatenate them before rendering.<\/li>\n<\/ul>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>In the world of automated documentation, Graphviz stands as the gold standard for transforming complex, abstract relationships into clear, professional visual maps. Unlike manual design tools that require constant tweaking and alignment, Graphviz operates on the principle of \u00abgraph-as-code.\u00bb By&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":49,"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-162","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\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\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\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-29T08:41:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/05\/img_6a1904ff35b00.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/graphviz-playbook\\\/graphviz-syntax-basis\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/graphviz-playbook\\\/graphviz-syntax-basis\\\/\",\"name\":\"Graphviz Syntax Basics | VPasCode Text to Diagram Tool\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/graphviz-playbook\\\/graphviz-syntax-basis\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/graphviz-playbook\\\/graphviz-syntax-basis\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/img_6a1904ff35b00.png\",\"datePublished\":\"2026-05-26T09:02:41+00:00\",\"dateModified\":\"2026-07-29T08:41:42+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\\\/es\\\/docs\\\/vpascode-docs\\\/graphviz-playbook\\\/graphviz-syntax-basis\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/graphviz-playbook\\\/graphviz-syntax-basis\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/graphviz-playbook\\\/graphviz-syntax-basis\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/img_6a1904ff35b00.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/05\\\/img_6a1904ff35b00.png\",\"width\":199,\"height\":169},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/graphviz-playbook\\\/graphviz-syntax-basis\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Graphviz Playbook\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/graphviz-playbook\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Graphviz Syntax Basis: The DOT Language\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/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\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/","og_locale":"es_ES","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\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/","og_site_name":"VPasCode","article_modified_time":"2026-07-29T08:41:42+00:00","og_image":[{"url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/05\/img_6a1904ff35b00.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/","url":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/","name":"Graphviz Syntax Basics | VPasCode Text to Diagram Tool","isPartOf":{"@id":"https:\/\/www.vpascode.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/05\/img_6a1904ff35b00.png","datePublished":"2026-05-26T09:02:41+00:00","dateModified":"2026-07-29T08:41:42+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\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/#primaryimage","url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/05\/img_6a1904ff35b00.png","contentUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/05\/img_6a1904ff35b00.png","width":199,"height":169},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/graphviz-playbook\/graphviz-syntax-basis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/es\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/es\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Graphviz Playbook","item":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/graphviz-playbook\/"},{"@type":"ListItem","position":4,"name":"Graphviz Syntax Basis: The DOT Language"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/es\/#website","url":"https:\/\/www.vpascode.com\/es\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/es\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs\/162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/users\/4"}],"up":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs\/49"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/media?parent=162"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_collection?post=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}