Block diagram in jupyter notebook using dot language and pydot

main.ipynb

{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "colab": {
      "provenance": [],
      "authorship_tag": "ABX9TyOaHKff2wOgdl2HYBV0O6uo",
      "include_colab_link": true
    },
    "kernelspec": {
      "name": "python3",
      "display_name": "Python 3"
    },
    "language_info": {
      "name": "python"
    }
  },
  "cells": [
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "view-in-github",
        "colab_type": "text"
      },
      "source": [
        "<a href=\"https://colab.research.google.com/gist/mjkloeckner/5c5959cdda1ae8a560c5d33f9a9b3116/untitled0.ipynb\" target=\"_parent\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/></a>"
      ]
    },
    {
      "cell_type": "code",
      "execution_count": 47,
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 271
        },
        "id": "_Ht-ttoNtpdN",
        "outputId": "9d23591c-45ee-4f6b-fef1-5e866f4aba81"
      },
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "<IPython.core.display.SVG object>"
            ],
            "image/svg+xml": "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"453pt\" height=\"188pt\" viewBox=\"0.00 0.00 453.00 188.00\">\n<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 184)\">\n<title>G</title>\n<polygon fill=\"white\" stroke=\"transparent\" points=\"-4,4 -4,-184 449,-184 449,4 -4,4\"/>\n<!-- A -->\n<g id=\"node1\" class=\"node\">\n<title>A</title>\n<polygon fill=\"none\" stroke=\"black\" points=\"253.5,-180 195.5,-180 195.5,-144 253.5,-144 253.5,-180\"/>\n<text text-anchor=\"middle\" x=\"224.5\" y=\"-158.3\" font-family=\"Times,serif\" font-size=\"14.00\">Chassis</text>\n</g>\n<!-- B -->\n<g id=\"node2\" class=\"node\">\n<title>B</title>\n<polygon fill=\"none\" stroke=\"black\" points=\"67,-108 0,-108 0,-72 67,-72 67,-108\"/>\n<text text-anchor=\"middle\" x=\"33.5\" y=\"-86.3\" font-family=\"Times,serif\" font-size=\"14.00\">Chamber</text>\n</g>\n<!-- A&#45;&gt;B -->\n<g id=\"edge1\" class=\"edge\">\n<title>A-&gt;B</title>\n<path fill=\"none\" stroke=\"black\" d=\"M195.47,-150.92C167.43,-141.11 123.54,-125.58 76.67,-108.01\"/>\n<polygon fill=\"black\" stroke=\"black\" points=\"77.85,-104.71 67.26,-104.47 75.39,-111.27 77.85,-104.71\"/>\n</g>\n<!-- C -->\n<g id=\"node3\" class=\"node\">\n<title>C</title>\n<polygon fill=\"none\" stroke=\"black\" points=\"139.5,-108 85.5,-108 85.5,-72 139.5,-72 139.5,-108\"/>\n<text text-anchor=\"middle\" x=\"112.5\" y=\"-86.3\" font-family=\"Times,serif\" font-size=\"14.00\">Cabin</text>\n</g>\n<!-- A&#45;&gt;C -->\n<g id=\"edge2\" class=\"edge\">\n<title>A-&gt;C</title>\n<path fill=\"none\" stroke=\"black\" d=\"M197.1,-143.88C182.35,-134.66 163.97,-123.17 148.12,-113.26\"/>\n<polygon fill=\"black\" stroke=\"black\" points=\"149.95,-110.28 139.62,-107.95 146.24,-116.22 149.95,-110.28\"/>\n</g>\n<!-- D -->\n<g id=\"node4\" class=\"node\">\n<title>D</title>\n<polygon fill=\"none\" stroke=\"black\" points=\"211.5,-108 157.5,-108 157.5,-72 211.5,-72 211.5,-108\"/>\n<text text-anchor=\"middle\" x=\"184.5\" y=\"-86.3\" font-family=\"Times,serif\" font-size=\"14.00\">Axes</text>\n</g>\n<!-- A&#45;&gt;D -->\n<g id=\"edge3\" class=\"edge\">\n<title>A-&gt;D</title>\n<path fill=\"none\" stroke=\"black\" d=\"M214.61,-143.7C210.01,-135.64 204.44,-125.89 199.35,-116.98\"/>\n<polygon fill=\"black\" stroke=\"black\" points=\"202.27,-115.05 194.27,-108.1 196.2,-118.52 202.27,-115.05\"/>\n</g>\n<!-- F -->\n<g id=\"node6\" class=\"node\">\n<title>F</title>\n<polygon fill=\"none\" stroke=\"black\" points=\"299,-108 230,-108 230,-72 299,-72 299,-108\"/>\n<text text-anchor=\"middle\" x=\"264.5\" y=\"-86.3\" font-family=\"Times,serif\" font-size=\"14.00\">Cylinders</text>\n</g>\n<!-- A&#45;&gt;F -->\n<g id=\"edge4\" class=\"edge\">\n<title>A-&gt;F</title>\n<path fill=\"none\" stroke=\"black\" d=\"M234.39,-143.7C238.99,-135.64 244.56,-125.89 249.65,-116.98\"/>\n<polygon fill=\"black\" stroke=\"black\" points=\"252.8,-118.52 254.73,-108.1 246.73,-115.05 252.8,-118.52\"/>\n</g>\n<!-- G -->\n<g id=\"node7\" class=\"node\">\n<title>G</title>\n<polygon fill=\"none\" stroke=\"black\" points=\"371.5,-108 317.5,-108 317.5,-72 371.5,-72 371.5,-108\"/>\n<text text-anchor=\"middle\" x=\"344.5\" y=\"-86.3\" font-family=\"Times,serif\" font-size=\"14.00\">Floor</text>\n</g>\n<!-- A&#45;&gt;G -->\n<g id=\"edge5\" class=\"edge\">\n<title>A-&gt;G</title>\n<path fill=\"none\" stroke=\"black\" d=\"M253.55,-144.05C270.09,-134.41 290.95,-122.24 308.52,-111.99\"/>\n<polygon fill=\"black\" stroke=\"black\" points=\"310.49,-114.89 317.36,-106.83 306.96,-108.84 310.49,-114.89\"/>\n</g>\n<!-- H -->\n<g id=\"node8\" class=\"node\">\n<title>H</title>\n<polygon fill=\"none\" stroke=\"black\" points=\"445,-108 390,-108 390,-72 445,-72 445,-108\"/>\n<text text-anchor=\"middle\" x=\"417.5\" y=\"-86.3\" font-family=\"Times,serif\" font-size=\"14.00\">Cranks</text>\n</g>\n<!-- A&#45;&gt;H -->\n<g id=\"edge6\" class=\"edge\">\n<title>A-&gt;H</title>\n<path fill=\"none\" stroke=\"black\" d=\"M253.58,-152.11C285.15,-142.23 336.92,-125.36 380.5,-108 380.59,-107.96 380.69,-107.92 380.78,-107.89\"/>\n<polygon fill=\"black\" stroke=\"black\" points=\"381.89,-111.22 389.75,-104.12 379.18,-104.77 381.89,-111.22\"/>\n</g>\n<!-- E -->\n<g id=\"node5\" class=\"node\">\n<title>E</title>\n<polygon fill=\"none\" stroke=\"black\" points=\"213.5,-36 155.5,-36 155.5,0 213.5,0 213.5,-36\"/>\n<text text-anchor=\"middle\" x=\"184.5\" y=\"-14.3\" font-family=\"Times,serif\" font-size=\"14.00\">Wheels</text>\n</g>\n<!-- D&#45;&gt;E -->\n<g id=\"edge7\" class=\"edge\">\n<title>D-&gt;E</title>\n<path fill=\"none\" stroke=\"black\" d=\"M184.5,-71.7C184.5,-63.98 184.5,-54.71 184.5,-46.11\"/>\n<polygon fill=\"black\" stroke=\"black\" points=\"188,-46.1 184.5,-36.1 181,-46.1 188,-46.1\"/>\n</g>\n</g>\n</svg>"
          },
          "metadata": {},
          "execution_count": 47
        }
      ],
      "source": [
        "import pydot\n",
        "from IPython.display import SVG\n",
        "\n",
        "dot_string = \"\"\"\n",
        "digraph G {\n",
        "\tnode [ shape=box ];\n",
        "\trankdir=TD;\n",
        "\n",
        "  A [ label=\"Chassis\" ]\n",
        "  B [ label=\"Chamber\" ]\n",
        "  C [ label=\"Cabin\" ]\n",
        "  D [ label=\"Axes\" ]\n",
        "  E [ label=\"Wheels\" ]\n",
        "  F [ label=\"Cylinders\" ]\n",
        "  G [ label=\"Floor\" ]\n",
        "  H [ label=\"Cranks\" ]\n",
        "\n",
        "\tA -> {B C D F G H}\n",
        "\tD -> E\n",
        "}\n",
        "\"\"\"\n",
        "\n",
        "graphs = pydot.graph_from_dot_data(dot_string)\n",
        "SVG(graphs[0].create_svg())"
      ]
    },
    {
      "cell_type": "code",
      "source": [],
      "metadata": {
        "id": "0Hf0gjwAvr_C"
      },
      "execution_count": null,
      "outputs": []
    }
  ]
}