{
    "componentChunkName": "component---src-components-page-template-jsx",
    "path": "/kitchen-sink/graphviz-diagrams",
    "result": {"data":{"mdx":{"id":"752bc2ce-40a8-5603-b006-2f8984a2a378","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"section\": \"Kitchen Sink\",\n  \"chapter\": \"Markdown\",\n  \"title\": \"GraphViz Diagrams\",\n  \"description\": \"GraphViz diagrams in Markdown\",\n  \"keywords\": [\"markdown\", \"graphviz\", \"diagram\"],\n  \"slug\": \"/kitchen-sink/graphviz-diagrams\",\n  \"hidden\": true\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", {\n    \"id\": \"using-circo-layout\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#using-circo-layout\",\n    \"aria-label\": \"using circo layout permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Using circo layout\"), mdx(\"p\", null, \"The following code in Markdown:\"), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-md\"\n  }, \"```circo\\n# A graph showing the dependencies in the system\\n# Drawn using GraphViz with circo layout\\ndigraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> D;\\n}\\n```\\n\")), mdx(\"p\", null, \"Produces the following graph:\"), mdx(\"figure\", {\n    \"className\": \"remark-graphviz-figure\"\n  }, mdx(\"div\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-graph\"\n  }, mdx(\"svg\", {\n    parentName: \"div\",\n    \"role\": \"img\",\n    \"aria-label\": \"Drawn using GraphViz with circo layout\",\n    \"width\": \"385pt\",\n    \"height\": \"272\",\n    \"viewBox\": \"0 0 384.67 204.43\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }, mdx(\"title\", {\n    parentName: \"svg\"\n  }, \"Drawn using GraphViz with circo layout\"), mdx(\"desc\", {\n    parentName: \"svg\"\n  }, \"digraph {\\n    A -> B [label=\\\"AB\\\"];\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> D;\\n}\"), mdx(\"g\", {\n    parentName: \"svg\",\n    \"className\": \"graph\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"#fff\",\n    \"stroke\": \"transparent\",\n    \"d\": \"M0 204.43V0h384.67v204.43H0z\"\n  }), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"27\",\n    \"cy\": \"-46.11\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"27\",\n    \"y\": \"-41.91\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"A\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"27\",\n    \"cy\": \"-150.31\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"27\",\n    \"y\": \"-146.11\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"B\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M27-64.26v-57.62\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M23.5-122.02l3.5-10 3.5 10h-7z\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"17.28\",\n    \"y\": \"-97.27\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"AB\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"117.24\",\n    \"cy\": \"-98.21\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"117.24\",\n    \"y\": \"-94.01\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"C\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M47.48-138.49c11.91 6.88 27.13 15.67 40.32 23.28\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M89.62-118.2l6.91 8.03-10.41-1.97 3.5-6.06z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"189.24\",\n    \"cy\": \"-98.21\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"189.24\",\n    \"y\": \"-94.01\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"D\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M144.46-98.21h7.38\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M151.98-101.71l10 3.5-10 3.5v-7z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M164.6-90.3c-27.56 8.85-72.37 23.24-103.34 33.18\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M61.93-53.66l-10.59-.27 8.45-6.39 2.14 6.66z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"269.45\",\n    \"cy\": \"-178.43\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"269.45\",\n    \"y\": \"-174.23\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"E\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M204.33-113.3l42.93-42.93\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M244.89-158.81l9.54-4.6-4.59 9.55-4.95-4.95z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"349.67\",\n    \"cy\": \"-98.21\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"349.67\",\n    \"y\": \"-94.01\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"F\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M284.54-163.34l42.93 42.93\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M330.05-122.78l4.6 9.55-9.55-4.6 4.95-4.95z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"269.45\",\n    \"cy\": \"-18\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"269.45\",\n    \"y\": \"-13.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"G\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M334.58-83.13L291.65-40.2\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M294.02-37.62l-9.55 4.6 4.6-9.55 4.95 4.95z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 200.43)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M254.37-33.09c-12.1-12.1-29.26-29.26-42.93-42.92\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M208.86-73.65l-4.6-9.54 9.55 4.59-4.95 4.95z\"\n  }))))), mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-figcaption\"\n  }, \"A graph showing the dependencies in the system\")), mdx(\"h2\", {\n    \"id\": \"using-dot-layout\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#using-dot-layout\",\n    \"aria-label\": \"using dot layout permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Using dot layout\"), mdx(\"p\", null, \"The following code in Markdown:\"), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-md\"\n  }, \"```dot\\n# A graph showing the dependencies in the system\\n# Drawn using GraphViz with dot layout\\ndigraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> G -> D;\\n}\\n```\\n\")), mdx(\"p\", null, \"Produces the following graph:\"), mdx(\"figure\", {\n    \"className\": \"remark-graphviz-figure\"\n  }, mdx(\"div\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-graph\"\n  }, mdx(\"svg\", {\n    parentName: \"div\",\n    \"role\": \"img\",\n    \"aria-label\": \"Drawn using GraphViz with dot layout\",\n    \"width\": \"107pt\",\n    \"height\": \"476pt\",\n    \"viewBox\": \"0 0 107 476\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }, mdx(\"title\", {\n    parentName: \"svg\"\n  }, \"Drawn using GraphViz with dot layout\"), mdx(\"desc\", {\n    parentName: \"svg\"\n  }, \"digraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> G -> D;\\n}\"), mdx(\"g\", {\n    parentName: \"svg\",\n    \"className\": \"graph\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"#fff\",\n    \"stroke\": \"transparent\",\n    \"d\": \"M0 476V0h107v476H0z\"\n  }), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"54\",\n    \"cy\": \"-450\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"54\",\n    \"y\": \"-445.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"A\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"27\",\n    \"cy\": \"-378\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"27\",\n    \"y\": \"-373.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"B\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M47.6-432.41l-10.43 27.06\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M40.4-404.03l-6.86 8.07.33-10.59 6.53 2.52z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"27\",\n    \"cy\": \"-306\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"27\",\n    \"y\": \"-301.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"C\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M27-359.7v25.59\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M30.5-334.1l-3.5 10-3.5-10h7z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"54\",\n    \"cy\": \"-234\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"54\",\n    \"y\": \"-229.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"D\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M33.4-288.41l10.43 27.06\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M47.13-262.55l.33 10.59-6.86-8.07 6.53-2.52z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M57.65-252.09c2.03-10.34 4.33-23.82 5.35-35.91 4.03-47.83 4.03-60.17 0-108-.72-8.5-2.07-17.69-3.51-25.99\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M56.03-421.44l1.62-10.47 5.26 9.2-6.88 1.27z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"27\",\n    \"cy\": \"-162\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"27\",\n    \"y\": \"-157.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"E\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M47.6-216.41l-10.43 27.06\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M40.4-188.03l-6.86 8.07.33-10.59 6.53 2.52z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"27\",\n    \"cy\": \"-90\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"27\",\n    \"y\": \"-85.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"F\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M27-143.7v25.59\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M30.5-118.1l-3.5 10-3.5-10h7z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"54\",\n    \"cy\": \"-18\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"54\",\n    \"y\": \"-13.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"G\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M33.4-72.41l10.43 27.06\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M47.13-46.55l.33 10.59-6.86-8.07 6.53-2.52z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M57.65-36.09C59.68-46.43 61.98-59.91 63-72c4.03-47.83 4.03-60.17 0-108-.72-8.5-2.07-17.69-3.51-25.99\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M56.03-205.44l1.62-10.47 5.26 9.2-6.88 1.27z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 472)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M73.9-30.43C86.69-33.68 99-29.53 99-18c0 8.38-6.5 12.86-14.96 13.44\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M83.5-1.1l-9.6-4.47 10.29-2.5-.69 6.97z\"\n  }))))), mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-figcaption\"\n  }, \"A graph showing the dependencies in the system\")), mdx(\"h2\", {\n    \"id\": \"using-fdp-layout\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#using-fdp-layout\",\n    \"aria-label\": \"using fdp layout permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Using fdp layout\"), mdx(\"p\", null, \"The following code in Markdown:\"), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-md\"\n  }, \"```fdp\\n# A graph showing the dependencies in the system\\n# Drawn using GraphViz with fdp layout\\ndigraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> D;\\n}\\n```\\n\")), mdx(\"p\", null, \"Produces the following graph:\"), mdx(\"figure\", {\n    \"className\": \"remark-graphviz-figure\"\n  }, mdx(\"div\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-graph\"\n  }, mdx(\"svg\", {\n    parentName: \"div\",\n    \"role\": \"img\",\n    \"aria-label\": \"Drawn using GraphViz with fdp layout\",\n    \"width\": \"197pt\",\n    \"height\": \"292\",\n    \"viewBox\": \"0 0 197 219\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }, mdx(\"title\", {\n    parentName: \"svg\"\n  }, \"Drawn using GraphViz with fdp layout\"), mdx(\"desc\", {\n    parentName: \"svg\"\n  }, \"digraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> D;\\n}\"), mdx(\"g\", {\n    parentName: \"svg\",\n    \"className\": \"graph\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"#fff\",\n    \"stroke\": \"transparent\",\n    \"d\": \"M0 219V0h197v219H0z\"\n  }), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"161.87\",\n    \"cy\": \"-74.43\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"161.87\",\n    \"y\": \"-70.23\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"A\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"137.08\",\n    \"cy\": \"-17.72\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"137.08\",\n    \"y\": \"-13.52\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"B\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M154.3-57.11c-1.7 3.89-3.54 8.1-5.37 12.28\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M151.99-43.09l-7.21 7.76.79-10.56 6.42 2.8z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"60.51\",\n    \"cy\": \"-49.91\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"60.51\",\n    \"y\": \"-45.71\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"C\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M114.11-27.38c-6.67-2.8-14.07-5.91-21.19-8.9\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M91.33-33.15l-7.86-7.11 10.57.65-2.71 6.46z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"98.44\",\n    \"cy\": \"-101.65\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"98.44\",\n    \"y\": \"-97.45\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"D\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M72.51-66.28c2.49-3.4 5.17-7.05 7.82-10.67\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M77.65-79.21l8.74-6-3.09 10.14-5.65-4.14z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M121.34-91.83c2.66 1.15 5.41 2.33 8.17 3.51\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M130.98-91.5l7.81 7.16-10.57-.72 2.76-6.44z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"149.13\",\n    \"cy\": \"-163.54\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"149.13\",\n    \"y\": \"-159.34\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"E\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M111.49-117.59c5.4-6.59 11.78-14.38 17.73-21.65\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M126.9-141.92l9.04-5.52-3.63 9.95-5.41-4.43z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"68.28\",\n    \"cy\": \"-192.55\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"68.28\",\n    \"y\": \"-188.35\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"F\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M125.31-172.09c-7.42-2.66-15.74-5.64-23.68-8.49\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M100.44-177.29l-8.23-6.67 10.59.08-2.36 6.59z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"27.44\",\n    \"cy\": \"-136.75\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"27.44\",\n    \"y\": \"-132.55\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"G\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M56.25-176.11c-3.38 4.61-7.13 9.73-10.77 14.71\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M48.26-159.27l-8.73 6 3.08-10.13 5.65 4.13z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 215)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M49.51-125.84c5.67 2.8 11.87 5.87 17.89 8.84\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M69.21-120.01l7.41 7.57-10.52-1.29 3.11-6.28z\"\n  }))))), mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-figcaption\"\n  }, \"A graph showing the dependencies in the system\")), mdx(\"h2\", {\n    \"id\": \"using-neato-layout\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#using-neato-layout\",\n    \"aria-label\": \"using neato layout permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Using neato layout\"), mdx(\"p\", null, \"The following code in Markdown:\"), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-md\"\n  }, \"```neato\\n# A graph showing the dependencies in the system\\n# Drawn using GraphViz with neato layout\\ndigraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> D;\\n}\\n```\\n\")), mdx(\"p\", null, \"Produces the following graph:\"), mdx(\"figure\", {\n    \"className\": \"remark-graphviz-figure\"\n  }, mdx(\"div\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-graph\"\n  }, mdx(\"svg\", {\n    parentName: \"div\",\n    \"role\": \"img\",\n    \"aria-label\": \"Drawn using GraphViz with neato layout\",\n    \"width\": \"215pt\",\n    \"height\": \"254pt\",\n    \"viewBox\": \"0 0 214.98 254.2\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }, mdx(\"title\", {\n    parentName: \"svg\"\n  }, \"Drawn using GraphViz with neato layout\"), mdx(\"desc\", {\n    parentName: \"svg\"\n  }, \"digraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> D;\\n}\"), mdx(\"g\", {\n    parentName: \"svg\",\n    \"className\": \"graph\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"#fff\",\n    \"stroke\": \"transparent\",\n    \"d\": \"M0 254.2V0h214.98v254.2H0z\"\n  }), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"179.98\",\n    \"cy\": \"-96.4\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"179.98\",\n    \"y\": \"-92.2\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"A\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"174.99\",\n    \"cy\": \"-18\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"174.99\",\n    \"y\": \"-13.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"B\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M178.82-78.22c-.6 9.5-1.36 21.34-2.03 32\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M180.27-45.84l-4.13 9.76-2.86-10.21 6.99.45z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"99.84\",\n    \"cy\": \"-41.52\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"99.84\",\n    \"y\": \"-37.32\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"C\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M150.38-25.7c-5.19-1.63-10.75-3.37-16.23-5.08\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M133-27.47l-8.5-6.33 10.59-.35-2.09 6.68z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"103.22\",\n    \"cy\": \"-122.41\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"103.22\",\n    \"y\": \"-118.21\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"D\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M100.61-59.88c.42-10.1.95-22.86 1.43-34.21\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M98.55-94.56l3.92-9.85 3.08 10.14-7-.29z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M127.51-114.18c5.94 2.01 12.4 4.2 18.69 6.33\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M147.5-111.1l8.35 6.52-10.59.11 2.24-6.63z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"108.05\",\n    \"cy\": \"-203.32\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"108.05\",\n    \"y\": \"-199.12\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"E\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M104.32-140.77c.6-10.11 1.36-22.86 2.04-34.22\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M102.89-175.54l4.09-9.77 2.9 10.19-6.99-.42z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"33.54\",\n    \"cy\": \"-228.2\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"33.54\",\n    \"y\": \"-224\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"F\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M83.66-211.46c-5.2-1.74-10.78-3.6-16.27-5.43\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M66.12-213.63l-8.38-6.49 10.59-.15-2.21 6.64z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"27\",\n    \"cy\": \"-149.72\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"27\",\n    \"y\": \"-145.52\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"G\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M32.02-210c-.79 9.51-1.78 21.36-2.67 32.03\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M32.83-177.5l-4.32 9.68-2.66-10.26 6.98.58z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 250.2)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M51.12-141.08l18.56 6.65\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M71.03-137.67l8.23 6.67-10.59-.08 2.36-6.59z\"\n  }))))), mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-figcaption\"\n  }, \"A graph showing the dependencies in the system\")), mdx(\"h2\", {\n    \"id\": \"using-osage-layout\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#using-osage-layout\",\n    \"aria-label\": \"using osage layout permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Using osage layout\"), mdx(\"p\", null, \"The following code in Markdown:\"), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-md\"\n  }, \"```osage\\n# A graph showing the dependencies in the system\\n# Drawn using GraphViz with osage layout\\ndigraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> D;\\n}\\n```\\n\")), mdx(\"p\", null, \"Produces the following graph:\"), mdx(\"figure\", {\n    \"className\": \"remark-graphviz-figure\"\n  }, mdx(\"div\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-graph\"\n  }, mdx(\"svg\", {\n    parentName: \"div\",\n    \"role\": \"img\",\n    \"aria-label\": \"Drawn using GraphViz with osage layout\",\n    \"width\": \"178pt\",\n    \"height\": \"124pt\",\n    \"viewBox\": \"0 0 178 124\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }, mdx(\"title\", {\n    parentName: \"svg\"\n  }, \"Drawn using GraphViz with osage layout\"), mdx(\"desc\", {\n    parentName: \"svg\"\n  }, \"digraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> D;\\n}\"), mdx(\"g\", {\n    parentName: \"svg\",\n    \"className\": \"graph\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"#fff\",\n    \"stroke\": \"transparent\",\n    \"d\": \"M0 124V0h178v124H0z\"\n  }), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"27\",\n    \"cy\": \"-98\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"27\",\n    \"y\": \"-93.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"A\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"85\",\n    \"cy\": \"-98\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"85\",\n    \"y\": \"-93.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"B\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M54.3-98h.44\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M47.83-101.5l10 3.5-10 3.5v-7z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"143\",\n    \"cy\": \"-98\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"143\",\n    \"y\": \"-93.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"C\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M112.3-98h.44\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M105.83-101.5l10 3.5-10 3.5v-7z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"27\",\n    \"cy\": \"-58\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"27\",\n    \"y\": \"-53.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"D\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M118.96-89.71c-16.87 5.82-39.67 13.68-58.34 20.12\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M61.6-66.23L51-66.28l8.32-6.57 2.28 6.62z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M27-76.13v-.43\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M23.5-69.61l3.5-10 3.5 10h-7z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"85\",\n    \"cy\": \"-58\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"85\",\n    \"y\": \"-53.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"E\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M54.3-58h.44\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M47.83-61.5l10 3.5-10 3.5v-7z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"143\",\n    \"cy\": \"-58\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"143\",\n    \"y\": \"-53.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"F\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M112.3-58h.44\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M105.83-61.5l10 3.5-10 3.5v-7z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"27\",\n    \"cy\": \"-18\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"27\",\n    \"y\": \"-13.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"G\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M118.96-49.71c-16.87 5.82-39.67 13.68-58.34 20.12\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M61.6-26.23L51-26.28l8.32-6.57 2.28 6.62z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 120)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M27-36.13v-.43\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M23.5-29.61l3.5-10 3.5 10h-7z\"\n  }))))), mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-figcaption\"\n  }, \"A graph showing the dependencies in the system\")), mdx(\"h2\", {\n    \"id\": \"using-patchwork-layout\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#using-patchwork-layout\",\n    \"aria-label\": \"using patchwork layout permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Using patchwork layout\"), mdx(\"p\", null, \"The following code in Markdown:\"), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-md\"\n  }, \"```patchwork\\n# A graph showing the dependencies in the system\\n# Drawn using GraphViz with patchwork layout\\ndigraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> D;\\n}\\n```\\n\")), mdx(\"p\", null, \"Produces the following graph:\"), mdx(\"figure\", {\n    \"className\": \"remark-graphviz-figure\"\n  }, mdx(\"div\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-graph\"\n  }, mdx(\"svg\", {\n    parentName: \"div\",\n    \"role\": \"img\",\n    \"aria-label\": \"Drawn using GraphViz with patchwork layout\",\n    \"width\": \"92pt\",\n    \"height\": \"92pt\",\n    \"viewBox\": \"0 0 91.67 91.67\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }, mdx(\"title\", {\n    parentName: \"svg\"\n  }, \"Drawn using GraphViz with patchwork layout\"), mdx(\"desc\", {\n    parentName: \"svg\"\n  }, \"digraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> D;\\n}\"), mdx(\"g\", {\n    parentName: \"svg\",\n    \"className\": \"graph\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"#fff\",\n    \"stroke\": \"transparent\",\n    \"d\": \"M0 91.67V0h91.67v91.67H0z\"\n  }), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 87.67)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M27.89-83.67H0v35.86h27.89v-35.86z\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"13.94\",\n    \"y\": \"-61.54\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"A\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 87.67)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M55.78-83.67H27.89v35.86h27.89v-35.86z\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"41.83\",\n    \"y\": \"-61.54\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"B\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 87.67)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M83.67-83.67H55.78v35.86h27.89v-35.86z\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"69.72\",\n    \"y\": \"-61.54\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"C\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 87.67)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M41.83-47.81H0v23.91h41.83v-23.91z\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"20.92\",\n    \"y\": \"-31.66\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"D\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 87.67)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M41.83-23.9H0V0h41.83v-23.9z\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"20.92\",\n    \"y\": \"-7.75\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"E\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 87.67)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M83.67-47.81H41.83v23.9h41.84v-23.9z\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"62.75\",\n    \"y\": \"-31.66\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"F\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 87.67)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M83.66-23.91H41.83V0h41.83v-23.91z\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"62.75\",\n    \"y\": \"-7.75\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"G\"))))), mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-figcaption\"\n  }, \"A graph showing the dependencies in the system\")), mdx(\"h2\", {\n    \"id\": \"using-twopi-layout\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#using-twopi-layout\",\n    \"aria-label\": \"using twopi layout permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Using twopi layout\"), mdx(\"p\", null, \"The following code in Markdown:\"), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-md\"\n  }, \"```twopi\\n# A graph showing the dependencies in the system\\n# Drawn using GraphViz with twopi layout\\ndigraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> D;\\n}\\n```\\n\")), mdx(\"p\", null, \"Produces the following graph:\"), mdx(\"figure\", {\n    \"className\": \"remark-graphviz-figure\"\n  }, mdx(\"div\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-graph\"\n  }, mdx(\"svg\", {\n    parentName: \"div\",\n    \"role\": \"img\",\n    \"aria-label\": \"Drawn using GraphViz with twopi layout\",\n    \"width\": \"350pt\",\n    \"height\": \"293pt\",\n    \"viewBox\": \"0 0 350 293.42\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  }, mdx(\"title\", {\n    parentName: \"svg\"\n  }, \"Drawn using GraphViz with twopi layout\"), mdx(\"desc\", {\n    parentName: \"svg\"\n  }, \"digraph {\\n    A -> B;\\n    B -> C;\\n    C -> D;\\n    D -> A;\\n    D -> E -> F -> G -> D;\\n}\"), mdx(\"g\", {\n    parentName: \"svg\",\n    \"className\": \"graph\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"#fff\",\n    \"stroke\": \"transparent\",\n    \"d\": \"M0 293.42V0h350v293.42H0z\"\n  }), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"243\",\n    \"cy\": \"-142.71\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"243\",\n    \"y\": \"-138.51\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"A\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"279\",\n    \"cy\": \"-205.06\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"279\",\n    \"y\": \"-200.86\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"B\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M252.84-159.75c3.49-6.04 7.5-12.99 11.32-19.61\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M261.14-181.13l8.03-6.91-1.96 10.41-6.07-3.5z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"315\",\n    \"cy\": \"-267.42\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"315\",\n    \"y\": \"-263.22\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"C\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M288.84-222.1c3.49-6.05 7.5-13 11.32-19.61\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M297.14-243.49l8.03-6.91-1.96 10.41-6.07-3.5z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"207\",\n    \"cy\": \"-80.35\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"207\",\n    \"y\": \"-76.15\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"D\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M305.23-250.48c-18.91 32.74-60.61 104.97-83.12 143.95\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M224.86-104.29l-8.03 6.91 1.97-10.41 6.06 3.5z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M216.84-97.39c3.49-6.05 7.5-13 11.32-19.61\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M225.14-118.78l8.03-6.91-1.96 10.41-6.07-3.5z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"99\",\n    \"cy\": \"-142.71\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"99\",\n    \"y\": \"-138.51\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"E\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M186.43-92.23c-16.44-9.49-39.69-22.92-58.09-33.54\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M126.4-122.85l-6.91-8.03 10.41 1.97-3.5 6.06z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"27\",\n    \"cy\": \"-142.71\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"27\",\n    \"y\": \"-138.51\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"F\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M71.78-142.71H64.4\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M64.26-139.21l-10-3.5 10-3.5v7z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"node\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"ellipse\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"cx\": \"315\",\n    \"cy\": \"-18\",\n    \"rx\": \"27\",\n    \"ry\": \"18\"\n  }), mdx(\"text\", {\n    parentName: \"g\",\n    \"textAnchor\": \"middle\",\n    \"x\": \"315\",\n    \"y\": \"-13.8\",\n    \"fontFamily\": \"Times,serif\",\n    \"fontSize\": \"14\"\n  }, \"G\")), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M50.08-132.71c51.1 22.13 173.91 75.3 232.61 100.72\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M284.42-35.05l7.79 7.18-10.57-.76 2.78-6.42z\"\n  })), mdx(\"g\", {\n    parentName: \"g\",\n    \"className\": \"edge\",\n    \"transform\": \"translate(4 289.42)\"\n  }, mdx(\"path\", {\n    parentName: \"g\",\n    \"fill\": \"none\",\n    \"stroke\": \"#000\",\n    \"d\": \"M294.43-29.88l-58.09-33.53\"\n  }), mdx(\"path\", {\n    parentName: \"g\",\n    \"stroke\": \"#000\",\n    \"d\": \"M234.4-60.49l-6.91-8.03 10.41 1.97-3.5 6.06z\"\n  }))))), mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"className\": \"remark-graphviz-figcaption\"\n  }, \"A graph showing the dependencies in the system\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#using-circo-layout","title":"Using circo layout"},{"url":"#using-dot-layout","title":"Using dot layout"},{"url":"#using-fdp-layout","title":"Using fdp layout"},{"url":"#using-neato-layout","title":"Using neato layout"},{"url":"#using-osage-layout","title":"Using osage layout"},{"url":"#using-patchwork-layout","title":"Using patchwork layout"},{"url":"#using-twopi-layout","title":"Using twopi layout"}]},"frontmatter":{"section":"Kitchen Sink","chapter":"Markdown","title":"GraphViz Diagrams","description":"GraphViz diagrams in Markdown","keywords":["markdown","graphviz","diagram"],"slug":"/kitchen-sink/graphviz-diagrams","hidden":true},"childNUbookContributions":{"authors":[],"lastCommit":{"date":"2021-02-03T01:45:34.000Z","hash":"5cb1f800bca728a32883b6b3768971f2d1b3bac7"}}}},"pageContext":{"mdxPath":"src/book/kitchen-sink/12-graphviz-diagrams.mdx","id":"752bc2ce-40a8-5603-b006-2f8984a2a378","next":null,"previous":{"section":"Guides","chapter":"General","title":"Glossary","slug":"/guides/general/glossary","references":null,"hidden":null},"menu":[{"title":"Team","slug":"/team/introduction","chapters":[{"title":"Introduction","slug":"/team/introduction","pages":[{"title":"Introduction to NUbots","slug":"/team/introduction","hidden":null},{"title":"Areas of Research","slug":"/team/areas-of-research","hidden":null},{"title":"Current Team","slug":"/team/current-members","hidden":null}],"hidden":false},{"title":"Joining the Team","slug":"/team/how-we-work","pages":[{"title":"How We Work","slug":"/team/how-we-work","hidden":null},{"title":"How to Join NUbots","slug":"/team/how-to-join","hidden":null},{"title":"Lab Induction","slug":"/team/induction","hidden":null}],"hidden":false},{"title":"Community","slug":"/team/sponsors","pages":[{"title":"Sponsors","slug":"/team/sponsors","hidden":null},{"title":"Connect","slug":"/team/connect","hidden":null}],"hidden":false},{"title":"History","slug":"/team/history","pages":[{"title":"Team History","slug":"/team/history","hidden":null},{"title":"Past Members","slug":"/team/past-members","hidden":null},{"title":"Publications","slug":"/team/publications","hidden":null}],"hidden":false},{"title":"RoboCup","slug":"/team/robocup","pages":[{"title":"RoboCup","slug":"/team/robocup","hidden":null},{"title":"Resources","slug":"/team/robocup/resources","hidden":null},{"title":"Debriefs","slug":"/team/robocup/debriefs","hidden":null}],"hidden":false}],"hidden":false},{"title":"System","slug":"/system/foundations/overview","chapters":[{"title":"Foundations","slug":"/system/foundations/overview","pages":[{"title":"Overview","slug":"/system/foundations/overview","hidden":null},{"title":"Build System","slug":"/system/foundations/build-system","hidden":null},{"title":"Continuous Integration","slug":"/system/foundations/ci-system","hidden":null},{"title":"NUClear","slug":"/system/foundations/nuclear","hidden":null},{"title":"Mathematics","slug":"/system/foundations/mathematics","hidden":null},{"title":"Configuration and Script System","slug":"/system/foundations/config-script","hidden":null},{"title":"Director","slug":"/system/foundations/director","hidden":null}],"hidden":false},{"title":"Subsystems","slug":"/system/subsystems/input","pages":[{"title":"Input","slug":"/system/subsystems/input","hidden":null},{"title":"Odometry","slug":"/system/subsystems/odometry","hidden":null},{"title":"Localisation","slug":"/system/subsystems/localisation","hidden":null},{"title":"Motion","slug":"/system/subsystems/motion","hidden":null},{"title":"Vision","slug":"/system/subsystems/vision","hidden":null},{"title":"Behaviour","slug":"/system/subsystems/behaviour","hidden":null},{"title":"Logging","slug":"/system/subsystems/logging","hidden":null}],"hidden":false},{"title":"Tools","slug":"/system/tools/nusight","pages":[{"title":"NUsight","slug":"/system/tools/nusight","hidden":null},{"title":"NUbook","slug":"/system/tools/nubook","hidden":null},{"title":"NUpbr","slug":"/system/tools/nupbr","hidden":null},{"title":"NUgan","slug":"/system/tools/nugan","hidden":null},{"title":"System Configuration","slug":"/system/tools/system_configuration","hidden":null},{"title":"NatNet SDK","slug":"/system/tools/natnet_sdk","hidden":null}],"hidden":false},{"title":"Hardware","slug":"/system/hardware/overview","pages":[{"title":"Overview and Specifications","slug":"/system/hardware/overview","hidden":null}],"hidden":false},{"title":"Modules","slug":"/system/modules/actuation/","pages":[{"title":"Actuation","slug":"/system/modules/actuation/","hidden":null},{"title":"Extension","slug":"/system/modules/extension/","hidden":null},{"title":"Input","slug":"/system/modules/input/","hidden":null},{"title":"Localisation","slug":"/system/modules/localisation/","hidden":null},{"title":"Nbs","slug":"/system/modules/nbs/","hidden":null},{"title":"Network","slug":"/system/modules/network/","hidden":null},{"title":"Output","slug":"/system/modules/output/","hidden":null},{"title":"Planning","slug":"/system/modules/planning/","hidden":null},{"title":"Platform","slug":"/system/modules/platform/","hidden":null},{"title":"Purpose","slug":"/system/modules/purpose/","hidden":null},{"title":"Skill","slug":"/system/modules/skill/","hidden":null},{"title":"Strategy","slug":"/system/modules/strategy/","hidden":null},{"title":"Support","slug":"/system/modules/support/","hidden":null},{"title":"Tools","slug":"/system/modules/tools/","hidden":null},{"title":"Vision","slug":"/system/modules/vision/","hidden":null}],"hidden":false}],"hidden":false},{"title":"Guides","slug":"/guides/main/getting-started","chapters":[{"title":"Main Codebase","slug":"/guides/main/getting-started","pages":[{"title":"Getting Started","slug":"/guides/main/getting-started","hidden":null},{"title":"NUClear","slug":"/guides/main/nuclear-tutorial","hidden":null},{"title":"Running and Tuning Scripts","slug":"/guides/main/tuning-and-running-scripts","hidden":null},{"title":"Maintaining Subsystems","slug":"/guides/main/maintaining-subsystems","hidden":null},{"title":"Data Recording and Playback","slug":"/guides/main/data-recording-playback","hidden":null},{"title":"Camera Calibration","slug":"/guides/main/camera-calibration","hidden":null},{"title":"Onboarding Workshop","slug":"/guides/main/onboarding","hidden":null}],"hidden":false},{"title":"Tools","slug":"/guides/tools/nusight-contribution","pages":[{"title":"Contributing to NUsight","slug":"/guides/tools/nusight-contribution","hidden":null},{"title":"Setting Up Webots","slug":"/guides/tools/webots-setup","hidden":null},{"title":"Visual Mesh Getting Started","slug":"/guides/tools/visualmesh","hidden":null},{"title":"Using NUpbr","slug":"/guides/tools/nupbr-guide","hidden":null},{"title":"GameController Setup","slug":"/guides/tools/gamecontroller","hidden":null}],"hidden":false},{"title":"Hardware","slug":"/guides/hardware/working-with-robots","pages":[{"title":"Working with Robots","slug":"/guides/hardware/working-with-robots","hidden":null},{"title":"Flashing a Robot","slug":"/guides/hardware/flashing","hidden":null},{"title":"Servo Setup and Calibration","slug":"/guides/hardware/servo-calibration","hidden":null},{"title":"Batteries","slug":"/guides/hardware/batteries","hidden":null},{"title":"DARwIn Op2 Robot Restoration and Calibration Guide","slug":"/guides/hardware/darwin-op2-guide","hidden":null}],"hidden":false},{"title":"General","slug":"/guides/general/learning-resources","pages":[{"title":"Learning Resources","slug":"/guides/general/learning-resources","hidden":null},{"title":"Contribution Workflow","slug":"/guides/general/contribute","hidden":null},{"title":"RoboCup Setup","slug":"/guides/general/robocup-setup","hidden":null},{"title":"Troubleshooting","slug":"/guides/general/troubleshooting","hidden":null},{"title":"Code Conventions","slug":"/guides/general/code-conventions","hidden":null},{"title":"Glossary","slug":"/guides/general/glossary","hidden":null}],"hidden":false}],"hidden":false},{"title":"Kitchen Sink","slug":"/kitchen-sink/headers","chapters":[{"title":"Markdown","slug":"/kitchen-sink/headers","pages":[{"title":"Headers","slug":"/kitchen-sink/headers","hidden":true},{"title":"Formatting and Paragraphs","slug":"/kitchen-sink/formatting-and-paragraphs","hidden":true},{"title":"Blockquotes","slug":"/kitchen-sink/blockquotes","hidden":true},{"title":"Alerts","slug":"/kitchen-sink/alerts","hidden":true},{"title":"Images","slug":"/kitchen-sink/images","hidden":true},{"title":"Lists","slug":"/kitchen-sink/lists","hidden":true},{"title":"Code","slug":"/kitchen-sink/code","hidden":true},{"title":"Math","slug":"/kitchen-sink/math","hidden":true},{"title":"Table of Contents","slug":"/kitchen-sink/table-of-contents","hidden":true},{"title":"Tables","slug":"/kitchen-sink/tables","hidden":true},{"title":"Collapsible Content","slug":"/kitchen-sink/collapsible","hidden":true},{"title":"GraphViz Diagrams","slug":"/kitchen-sink/graphviz-diagrams","hidden":true},{"title":"Referencing","slug":"/kitchen-sink/referencing","hidden":true}],"hidden":true}],"hidden":true}],"references":null,"hidden":true}},
    "staticQueryHashes": ["3715292327","445096115","466146812"]}