{"id":2106,"date":"2026-05-26T09:02:41","date_gmt":"2026-05-26T09:02:41","guid":{"rendered":"https:\/\/www.vpascode.com\/es\/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\/es\/docs\/vpascode-docs\/graphviz-syntax-basis\/","title":{"rendered":"Base de sintaxis de Graphviz: el lenguaje DOT"},"content":{"rendered":"<article>En el mundo de la documentaci\u00f3n automatizada, <strong>Graphviz<\/strong> se erige como el est\u00e1ndar de oro para transformar relaciones complejas y abstractas en mapas visuales claros y profesionales. A diferencia de las herramientas de dise\u00f1o manual que requieren ajustes constantes y alineaci\u00f3n, Graphviz opera bajo el principio de \u00abgrafo como c\u00f3digo\u00bb. Al aprovechar el <strong>lenguaje DOT<\/strong>, usted proporciona los datos estructurales, y un conjunto sofisticado de motores de disposici\u00f3n maneja la geometr\u00eda, asegurando que sus diagramas siempre est\u00e9n optimizados algor\u00edtmicamente.<\/p>\n<h2>La filosof\u00eda arquitect\u00f3nica del DOT<\/h2>\n<p>El lenguaje DOT es un formato de texto declarativo especialmente dise\u00f1ado para describir grafos. Cuando escribes un archivo DOT, no est\u00e1s dici\u00e9ndole al ordenador <em>d\u00f3nde<\/em> dibujar una l\u00ednea; est\u00e1s dici\u00e9ndole <em>qu\u00e9<\/em> se conecta con <em>qu\u00e9<\/em>. Esta abstracci\u00f3n es lo que hace que Graphviz sea esencial para DevOps, ingenier\u00eda de sistemas y ciencia de datos: permite representar arquitecturas masivas y vol\u00e1tiles que ser\u00edan imposibles de mantener en un editor gr\u00e1fico.<\/p>\n<h2>Componentes fundamentales de un archivo DOT<\/h2>\n<p>Cada documento de Graphviz se basa en una jerarqu\u00eda r\u00edgida y l\u00f3gica. Comprender estos componentes es el primer paso para dominar la diagramaci\u00f3n automatizada:<\/p>\n<h3>1. Definici\u00f3n y alcance del grafo<\/h3>\n<p>Todo el documento est\u00e1 envuelto en una definici\u00f3n de grafo. Debe declarar el tipo de grafo al principio:<\/p>\n<ul>\n<li><code>digraph<\/code>: Utilizado para grafos dirigidos donde la direccionalidad es la principal preocupaci\u00f3n (por ejemplo, cadenas de dependencia).<\/li>\n<li><code>graph<\/code>: Utilizado para grafos no dirigidos donde las relaciones son mutuas (por ejemplo, topolog\u00eda de red).<\/li>\n<\/ul>\n<h3>2. La identidad de los nodos<\/h3>\n<p>Los nodos son los v\u00e9rtices de su grafo. En DOT, son ciudadanos de primera clase. Puede definirlos simplemente escribiendo su nombre, pero para documentaci\u00f3n de nivel de producci\u00f3n, siempre debe definirlos con etiquetas. Si su ID contiene espacios o caracteres especiales, el lenguaje DOT requiere que encierre el identificador entre comillas dobles para evitar errores de sintaxis.<\/p>\n<h3>3. Definici\u00f3n de aristas y relaciones<\/h3>\n<p>Las aristas son los enlaces entre sus nodos. El lenguaje DOT proporciona dos operadores principales para definir estas relaciones:<\/p>\n<ul>\n<li><code>-&gt;<\/code>: Utilizado dentro de <code>digraph<\/code> para denotar direcci\u00f3n (por ejemplo, &#8220;<code>Origen -&gt; Destino<\/code>).<\/li>\n<li><code>--<\/code>: Utilizado dentro de <code>grafo<\/code> para denotar una asociaci\u00f3n mutua (por ejemplo, <code>NodoA -- NodoB<\/code>).<\/li>\n<\/ul>\n<h2>Gesti\u00f3n de atributos globales<\/h2>\n<p>Una de las caracter\u00edsticas m\u00e1s potentes del lenguaje DOT es la capacidad de aplicar estilos de forma global. En lugar de establecer el <code>color<\/code>, <code>forma<\/code>, o <code>fuente<\/code> para cada nodo individual, puedes definir estos al inicio de tu grafo. Esto garantiza la consistencia en toda tu suite de documentaci\u00f3n.<\/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>Editar Graphviz en 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:eNptkLFOAzEMhnck3sEKa6EwdEKHdNARpKITU8Xgpr7WUhpTJ2FBPBUba18M51oqgepMln9\/\/pQlrxTf1tDqtnAmn4tixynTBuHj\/AysxmPoZKGUvHIdJ1gSUMocBFZBFhgo7ZNRlgLzXnSDjRprdIhZEwJFGYGXIHroGnfRX9fnRtAXipka1ypjcK+3ex6qmSDMhy2LT4ayOEa\/NpPm5mpSs0fPKfmAip4l0qBZjZJdjUCZt4Wy2e++I3s8KLu25HVH+s6eHMx\/U417kixaEViyudmG591XPLq5l0Q6vf+zM1PemLPATFJeKXXPj+6fX892vIIq2j5iTz3lcnl38saDxFRCxgH8+QMCAJIJ\" \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 ArquitecturaSistema {\r\n    \/\/ Sobrescrituras de estilo globales\r\n    nodo [forma=rect, estilo=relleno, colorrelleno=\"#f0f0f0\", fuente=\"Arial\"];\r\n    arista [color=\"#555555\", anchura=1.5];\r\n\r\n    \/\/ Declaraciones de nodos con etiquetas \u00fanicas\r\n    \"AuthService\" [etiqueta=\"Motor de autenticaci\u00f3n\"];\r\n    \"UserDB\" [etiqueta=\"Primario PostgreSQL\"];\r\n\r\n    \/\/ Definici\u00f3n de relaci\u00f3n\r\n    \"AuthService\" -&gt; \"UserDB\" [etiqueta=\"Consulta\"];\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNptkLFOAzEMhnck3sEKa6EwdEKHdNARpKITU8Xgpr7WUhpTJ2FBPBUba18M51oqgepMln9\/\/pQlrxTf1tDqtnAmn4tixynTBuHj\/AysxmPoZKGUvHIdJ1gSUMocBFZBFhgo7ZNRlgLzXnSDjRprdIhZEwJFGYGXIHroGnfRX9fnRtAXipka1ypjcK+3ex6qmSDMhy2LT4ayOEa\/NpPm5mpSs0fPKfmAip4l0qBZjZJdjUCZt4Wy2e++I3s8KLu25HVH+s6eHMx\/U417kixaEViyudmG591XPLq5l0Q6vf+zM1PemLPATFJeKXXPj+6fX892vIIq2j5iTz3lcnl38saDxFRCxgH8+QMCAJIJ\" \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>Editar Graphviz en VPasCode<\/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>Elegir el motor de dise\u00f1o adecuado<\/h2>\n<p>Una parte fundamental de entender la sintaxis de Graphviz es reconocer que el c\u00f3digo DOT es solo la mitad de la ecuaci\u00f3n. El <strong>Motor de dise\u00f1o<\/strong> determina c\u00f3mo se traduce ese c\u00f3digo en p\u00edxeles. Elegir el motor adecuado es crucial para diagramas amigables con SEO y legibles:<\/p>\n<ul>\n<li><strong>Dot:<\/strong> El motor predeterminado y m\u00e1s estable para flujos jer\u00e1rquicos y de arriba hacia abajo.<\/li>\n<li><strong>Neato:<\/strong> Utiliza un algoritmo de modelo de resorte, perfecto para redes equilibradas y no dirigidas.<\/li>\n<li><strong>Fdp:<\/strong> Similar al Neato, pero optimizado para conjuntos de datos m\u00e1s grandes donde se debe evitar estrictamente la superposici\u00f3n de nodos.<\/li>\n<li><strong>Circo:<\/strong>Ideal para representaciones circulares o radiales de sistemas.<\/li>\n<\/ul>\n<h2>Mejores pr\u00e1cticas para una sintaxis mantenible<\/h2>\n<ul>\n<li><strong>Use nombres de ID significativos:<\/strong>Aunque el motor no se preocupa por tu convenci\u00f3n de nombres, tus compa\u00f1eros s\u00ed. Usa cadenas de ID descriptivas como<code>svc_gateway_01<\/code>en lugar de gen\u00e9ricas como<code>n1<\/code>.<\/li>\n<li><strong>Comenta tu c\u00f3digo:<\/strong>DOT admite tanto comentarios de l\u00ednea \u00fanica como<code>\/\/<\/code> comentarios de l\u00ednea \u00fanica como<code>\/* ... *\/<\/code> comentarios de bloque. \u00dasalos para explicar *por qu\u00e9* existe una conexi\u00f3n espec\u00edfica.<\/li>\n<li><strong>Modulariza con Include:<\/strong>Si est\u00e1s trabajando en un diagrama empresarial masivo, puedes dividir tus archivos DOT en fragmentos m\u00e1s peque\u00f1os y l\u00f3gicos, y usar scripts externos para concatenarlos antes de renderizarlos.<\/li>\n<\/ul>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>En el mundo de la documentaci\u00f3n automatizada, Graphviz se erige como el est\u00e1ndar de oro para transformar relaciones complejas y abstractas en mapas visuales claros y profesionales. A diferencia de las herramientas de dise\u00f1o manual que requieren ajustes constantes y&#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\/es\/docs\/vpascode-docs\/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-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=\"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-syntax-basis\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/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-syntax-basis\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/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\\\/es\\\/docs\\\/vpascode-docs\\\/graphviz-syntax-basis\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/graphviz-syntax-basis\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/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\\\/es\\\/docs\\\/vpascode-docs\\\/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\":\"Base de sintaxis de Graphviz: el lenguaje DOT\"}]},{\"@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-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-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":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/graphviz-syntax-basis\/","url":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/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-syntax-basis\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/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\/es\/docs\/vpascode-docs\/graphviz-syntax-basis\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/graphviz-syntax-basis\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/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\/es\/docs\/vpascode-docs\/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":"Base de sintaxis de Graphviz: el lenguaje DOT"}]},{"@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\/2106","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"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/media?parent=2106"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_collection?post=2106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}