Testing_the_lolviz_Python_module.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {
    "toc": "true"
   },
   "source": [
    "# Table of Contents\n",
    " <p><div class=\"lev1 toc-item\"><a href=\"#Testing-lolviz\" data-toc-modified-id=\"Testing-lolviz-1\"><span class=\"toc-item-num\">1&nbsp;&nbsp;</span>Testing <a href=\"https://github.com/parrt/lolviz\" target=\"_blank\">lolviz</a></a></div><div class=\"lev2 toc-item\"><a href=\"#Testing-naively\" data-toc-modified-id=\"Testing-naively-11\"><span class=\"toc-item-num\">1.1&nbsp;&nbsp;</span>Testing naively</a></div><div class=\"lev2 toc-item\"><a href=\"#Testing-from-within-a-Jupyter-notebook\" data-toc-modified-id=\"Testing-from-within-a-Jupyter-notebook-12\"><span class=\"toc-item-num\">1.2&nbsp;&nbsp;</span>Testing from within a Jupyter notebook</a></div><div class=\"lev3 toc-item\"><a href=\"#List\" data-toc-modified-id=\"List-121\"><span class=\"toc-item-num\">1.2.1&nbsp;&nbsp;</span>List</a></div><div class=\"lev3 toc-item\"><a href=\"#List-of-lists\" data-toc-modified-id=\"List-of-lists-122\"><span class=\"toc-item-num\">1.2.2&nbsp;&nbsp;</span>List of lists</a></div><div class=\"lev3 toc-item\"><a href=\"#List-of-lists-of-lists???\" data-toc-modified-id=\"List-of-lists-of-lists???-123\"><span class=\"toc-item-num\">1.2.3&nbsp;&nbsp;</span>List of lists of lists???</a></div><div class=\"lev3 toc-item\"><a href=\"#Tree\" data-toc-modified-id=\"Tree-124\"><span class=\"toc-item-num\">1.2.4&nbsp;&nbsp;</span>Tree</a></div><div class=\"lev3 toc-item\"><a href=\"#Objects\" data-toc-modified-id=\"Objects-125\"><span class=\"toc-item-num\">1.2.5&nbsp;&nbsp;</span>Objects</a></div><div class=\"lev3 toc-item\"><a href=\"#Calls\" data-toc-modified-id=\"Calls-126\"><span class=\"toc-item-num\">1.2.6&nbsp;&nbsp;</span>Calls</a></div><div class=\"lev3 toc-item\"><a href=\"#String\" data-toc-modified-id=\"String-127\"><span class=\"toc-item-num\">1.2.7&nbsp;&nbsp;</span>String</a></div><div class=\"lev2 toc-item\"><a href=\"#Conclusion\" data-toc-modified-id=\"Conclusion-13\"><span class=\"toc-item-num\">1.3&nbsp;&nbsp;</span>Conclusion</a></div>"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Testing [lolviz](https://github.com/parrt/lolviz)\n",
    "\n",
    "I liked how the [lolviz](https://github.com/parrt/lolviz) module looked like. Let's try it!"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "CPython 3.6.5\n",
      "IPython 6.4.0\n",
      "\n",
      "lolviz n\u0007\n",
      "\n",
      "compiler   : GCC 7.3.0\n",
      "system     : Linux\n",
      "release    : 4.15.0-23-generic\n",
      "machine    : x86_64\n",
      "processor  : x86_64\n",
      "CPU cores  : 4\n",
      "interpreter: 64bit\n"
     ]
    }
   ],
   "source": [
    "%load_ext watermark\n",
    "%watermark -v -m -p lolviz"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [],
   "source": [
    "from lolviz import *"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Testing naively"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\n",
      "    digraph G {\n",
      "        nodesep=.05;\n",
      "        node [penwidth=\"0.5\", width=.1,height=.1];\n",
      "    node139621679300936 [shape=\"box\", space=\"0.0\", margin=\"0.01\", fontcolor=\"#444443\", fontname=\"Helvetica\", label=<<table BORDER=\"0\" CELLBORDER=\"0\" CELLSPACING=\"0\">\n",
      "<tr>\n",
      "<td cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"#fefecd\" border=\"1\" sides=\"br\" valign=\"top\"><font color=\"#444443\" point-size=\"9\">0</font></td>\n",
      "<td cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"#fefecd\" border=\"1\" sides=\"br\" valign=\"top\"><font color=\"#444443\" point-size=\"9\">1</font></td>\n",
      "<td cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"#fefecd\" border=\"1\" sides=\"br\" valign=\"top\"><font color=\"#444443\" point-size=\"9\">2</font></td>\n",
      "<td cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"#fefecd\" border=\"1\" sides=\"b\" valign=\"top\"><font color=\"#444443\" point-size=\"9\">3</font></td>\n",
      "</tr>\n",
      "<tr>\n",
      "<td port=\"0\" bgcolor=\"#fefecd\" border=\"1\" sides=\"r\" align=\"center\"><font point-size=\"11\">'hi'</font></td>\n",
      "<td port=\"1\" bgcolor=\"#fefecd\" border=\"1\" sides=\"r\" align=\"center\"><font point-size=\"11\">'mom'</font></td>\n",
      "<td port=\"2\" bgcolor=\"#fefecd\" border=\"1\" sides=\"r\" align=\"center\"><font point-size=\"11\">{3, 4}</font></td>\n",
      "<td port=\"3\" bgcolor=\"#fefecd\" border=\"0\" align=\"center\"><font point-size=\"11\">{'parrt': 'user'}</font></td>\n",
      "</tr></table>\n",
      ">];\n",
      "}\n",
      "\n"
     ]
    },
    {
     "data": {
      "text/plain": [
       "'Source.gv.pdf'"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "data = ['hi', 'mom', {3, 4}, {\"parrt\": \"user\"}]\n",
    "g = listviz(data)\n",
    "print(g.source) # if you want to see the graphviz source\n",
    "g.view() # render and show graphviz.files.Source object"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "It opened a window showing me this image:\n",
    "\n",
    "<img src=\"data/Testing_the_lolviz_Python_module_1.png\" width=55%>"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Testing from within a Jupyter notebook\n",
    "\n",
    "I test here all [the features of lolviz](https://github.com/parrt/lolviz#functionality) :"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### List"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {},
   "outputs": [],
   "source": [
    "squares = [ i**2 for i in range(10) ]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[0, 1, 4, 9, 16, 25, 36, 49, 64, 81]"
      ]
     },
     "execution_count": 14,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "squares"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"174pt\" height=\"40pt\"\n",
       " viewBox=\"0.00 0.00 174.00 40.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 36)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-36 170,-36 170,4 -4,4\"/>\n",
       "<!-- node139621679302728 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621679302728</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"166,-32 0,-32 0,0 166,0 166,-32\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"1,-19 1,-31 14,-31 14,-19 1,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"1,-19 14,-19 14,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"4.5\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"14,-19 14,-31 27,-31 27,-19 14,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"14,-19 27,-19 27,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"17.5\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"27,-19 27,-31 40,-31 40,-19 27,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"27,-19 40,-19 40,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"40,-19 40,-31 53,-31 53,-19 40,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"40,-19 53,-19 53,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"43.5\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">3</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"53,-19 53,-31 72,-31 72,-19 53,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"53,-19 72,-19 72,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"59.5\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">4</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"72,-19 72,-31 91,-31 91,-19 72,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"72,-19 91,-19 91,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"78.5\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">5</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"91,-19 91,-31 110,-31 110,-19 91,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"91,-19 110,-19 110,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"97.5\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">6</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"110,-19 110,-31 129,-31 129,-19 110,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"110,-19 129,-19 129,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"116.5\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">7</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"129,-19 129,-31 148,-31 148,-19 129,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"129,-19 148,-19 148,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"135.5\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">8</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"148,-19 148,-31 165,-31 165,-19 148,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"148,-19 165,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"153.5\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">9</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"1,-1 1,-19 14,-19 14,-1 1,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"14,-1 14,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"14,-1 14,-19 27,-19 27,-1 14,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"27,-1 27,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"17\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"27,-1 27,-19 40,-19 40,-1 27,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"40,-1 40,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"30\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">4</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"40,-1 40,-19 53,-19 53,-1 40,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"53,-1 53,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"43\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">9</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"53,-1 53,-19 72,-19 72,-1 53,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"72,-1 72,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"56\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">16</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"72,-1 72,-19 91,-19 91,-1 72,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"91,-1 91,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"75\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">25</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"91,-1 91,-19 110,-19 110,-1 91,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"110,-1 110,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"94\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">36</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"110,-1 110,-19 129,-19 129,-1 110,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"129,-1 129,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"113\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">49</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"129,-1 129,-19 148,-19 148,-1 129,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"148,-1 148,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"132\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">64</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"148,-1 148,-19 165,-19 165,-1 148,-1\"/>\n",
       "<text text-anchor=\"start\" x=\"150\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">81</text>\n",
       "</g>\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc3413e208>"
      ]
     },
     "execution_count": 15,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "listviz(squares)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### List of lists"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "metadata": {},
   "outputs": [],
   "source": [
    "n, m = 3, 4\n",
    "example_matrix = [[0 if i != j else 1 for i in range(n)] for j in range(m)]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 17,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[[1, 0, 0], [0, 1, 0], [0, 0, 1], [0, 0, 0]]"
      ]
     },
     "execution_count": 17,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "example_matrix"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"90pt\" height=\"148pt\"\n",
       " viewBox=\"0.00 0.00 90.00 148.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 144)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-144 86,-144 86,4 -4,4\"/>\n",
       "<!-- node139621679287176 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621679287176</title>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"#444443\" stroke-width=\".5\" points=\"14,-103 0,-103 0,-37 14,-37 14,-103\"/>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-86 1,-102 13,-102 13,-86 1,-86\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"1,-86 13,-86 \"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-91.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-70 1,-86 13,-86 13,-70 1,-70\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"1,-70 13,-70 \"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-75.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-54 1,-70 13,-70 13,-54 1,-54\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"1,-54 13,-54 \"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-59.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-38 1,-54 13,-54 13,-38 1,-38\"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-43.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">3</text>\n",
       "</g>\n",
       "<!-- node139621670526280 -->\n",
       "<g id=\"node2\" class=\"node\">\n",
       "<title>node139621670526280</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"82,-140 43,-140 43,-108 82,-108 82,-140\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-127 44.5,-139 57.5,-139 57.5,-127 44.5,-127\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"44.5,-127 57.5,-127 57.5,-139 \"/>\n",
       "<text text-anchor=\"start\" x=\"48\" y=\"-130.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"57.5,-127 57.5,-139 70.5,-139 70.5,-127 57.5,-127\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"57.5,-127 70.5,-127 70.5,-139 \"/>\n",
       "<text text-anchor=\"start\" x=\"61\" y=\"-130.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"70.5,-127 70.5,-139 81.5,-139 81.5,-127 70.5,-127\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"70.5,-127 81.5,-127 \"/>\n",
       "<text text-anchor=\"start\" x=\"73\" y=\"-130.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-109 44.5,-127 57.5,-127 57.5,-109 44.5,-109\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"57.5,-109 57.5,-127 \"/>\n",
       "<text text-anchor=\"start\" x=\"47.5\" y=\"-115.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"57.5,-109 57.5,-127 70.5,-127 70.5,-109 57.5,-109\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"70.5,-109 70.5,-127 \"/>\n",
       "<text text-anchor=\"start\" x=\"60.5\" y=\"-115.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"70.5,-109 70.5,-127 81.5,-127 81.5,-109 70.5,-109\"/>\n",
       "<text text-anchor=\"start\" x=\"72.5\" y=\"-115.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">0</text>\n",
       "</g>\n",
       "<!-- node139621679287176&#45;&gt;node139621670526280 -->\n",
       "<g id=\"edge1\" class=\"edge\">\n",
       "<title>node139621679287176:0&#45;&gt;node139621670526280:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-94C30.2357,-94 25.2732,-119.0653 38.6936,-123.3734\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"38.8401,-124.8094 43,-124 39.2433,-122.0386 38.8401,-124.8094\"/>\n",
       "</g>\n",
       "<!-- node139621679304328 -->\n",
       "<g id=\"node3\" class=\"node\">\n",
       "<title>node139621679304328</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"82,-104 43,-104 43,-72 82,-72 82,-104\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-91 44.5,-103 57.5,-103 57.5,-91 44.5,-91\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"44.5,-91 57.5,-91 57.5,-103 \"/>\n",
       "<text text-anchor=\"start\" x=\"48\" y=\"-94.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"57.5,-91 57.5,-103 70.5,-103 70.5,-91 57.5,-91\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"57.5,-91 70.5,-91 70.5,-103 \"/>\n",
       "<text text-anchor=\"start\" x=\"61\" y=\"-94.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"70.5,-91 70.5,-103 81.5,-103 81.5,-91 70.5,-91\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"70.5,-91 81.5,-91 \"/>\n",
       "<text text-anchor=\"start\" x=\"73\" y=\"-94.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-73 44.5,-91 57.5,-91 57.5,-73 44.5,-73\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"57.5,-73 57.5,-91 \"/>\n",
       "<text text-anchor=\"start\" x=\"47.5\" y=\"-79.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"57.5,-73 57.5,-91 70.5,-91 70.5,-73 57.5,-73\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"70.5,-73 70.5,-91 \"/>\n",
       "<text text-anchor=\"start\" x=\"60.5\" y=\"-79.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"70.5,-73 70.5,-91 81.5,-91 81.5,-73 70.5,-73\"/>\n",
       "<text text-anchor=\"start\" x=\"72.5\" y=\"-79.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">0</text>\n",
       "</g>\n",
       "<!-- node139621679287176&#45;&gt;node139621679304328 -->\n",
       "<g id=\"edge2\" class=\"edge\">\n",
       "<title>node139621679287176:1&#45;&gt;node139621679304328:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-78C25.5173,-78 28.3863,-85.9321 38.7931,-87.6673\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"38.902,-89.0802 43,-88 39.1229,-86.2889 38.902,-89.0802\"/>\n",
       "</g>\n",
       "<!-- node139621670630344 -->\n",
       "<g id=\"node4\" class=\"node\">\n",
       "<title>node139621670630344</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"82,-68 43,-68 43,-36 82,-36 82,-68\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-55 44.5,-67 57.5,-67 57.5,-55 44.5,-55\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"44.5,-55 57.5,-55 57.5,-67 \"/>\n",
       "<text text-anchor=\"start\" x=\"48\" y=\"-58.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"57.5,-55 57.5,-67 70.5,-67 70.5,-55 57.5,-55\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"57.5,-55 70.5,-55 70.5,-67 \"/>\n",
       "<text text-anchor=\"start\" x=\"61\" y=\"-58.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"70.5,-55 70.5,-67 81.5,-67 81.5,-55 70.5,-55\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"70.5,-55 81.5,-55 \"/>\n",
       "<text text-anchor=\"start\" x=\"73\" y=\"-58.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-37 44.5,-55 57.5,-55 57.5,-37 44.5,-37\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"57.5,-37 57.5,-55 \"/>\n",
       "<text text-anchor=\"start\" x=\"47.5\" y=\"-43.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"57.5,-37 57.5,-55 70.5,-55 70.5,-37 57.5,-37\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"70.5,-37 70.5,-55 \"/>\n",
       "<text text-anchor=\"start\" x=\"60.5\" y=\"-43.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"70.5,-37 70.5,-55 81.5,-55 81.5,-37 70.5,-37\"/>\n",
       "<text text-anchor=\"start\" x=\"72.5\" y=\"-43.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">1</text>\n",
       "</g>\n",
       "<!-- node139621679287176&#45;&gt;node139621670630344 -->\n",
       "<g id=\"edge3\" class=\"edge\">\n",
       "<title>node139621679287176:2&#45;&gt;node139621670630344:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-62C25.5173,-62 28.3863,-54.0679 38.7931,-52.3327\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"39.1229,-53.7111 43,-52 38.902,-50.9198 39.1229,-53.7111\"/>\n",
       "</g>\n",
       "<!-- node139621679286344 -->\n",
       "<g id=\"node5\" class=\"node\">\n",
       "<title>node139621679286344</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"82,-32 43,-32 43,0 82,0 82,-32\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-19 44.5,-31 57.5,-31 57.5,-19 44.5,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"44.5,-19 57.5,-19 57.5,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"48\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"57.5,-19 57.5,-31 70.5,-31 70.5,-19 57.5,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"57.5,-19 70.5,-19 70.5,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"61\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"70.5,-19 70.5,-31 81.5,-31 81.5,-19 70.5,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"70.5,-19 81.5,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"73\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-1 44.5,-19 57.5,-19 57.5,-1 44.5,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"57.5,-1 57.5,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"47.5\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"57.5,-1 57.5,-19 70.5,-19 70.5,-1 57.5,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"70.5,-1 70.5,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"60.5\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"70.5,-1 70.5,-19 81.5,-19 81.5,-1 70.5,-1\"/>\n",
       "<text text-anchor=\"start\" x=\"72.5\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">0</text>\n",
       "</g>\n",
       "<!-- node139621679287176&#45;&gt;node139621679286344 -->\n",
       "<g id=\"edge4\" class=\"edge\">\n",
       "<title>node139621679287176:3&#45;&gt;node139621679286344:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-46C30.2357,-46 25.2732,-20.9347 38.6936,-16.6266\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"39.2433,-17.9614 43,-16 38.8401,-15.1906 39.2433,-17.9614\"/>\n",
       "</g>\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc3413ed68>"
      ]
     },
     "execution_count": 18,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "lolviz(example_matrix)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### List of lists of lists???"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 22,
   "metadata": {},
   "outputs": [],
   "source": [
    "n, m, o = 2, 3, 4\n",
    "example_3D_matrix = [[[\n",
    "    1 if i < j < k else 0\n",
    "    for i in range(n)]\n",
    "    for j in range(m)]\n",
    "    for k in range(o)]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 23,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[[[0, 0], [0, 0], [0, 0]],\n",
       " [[0, 0], [0, 0], [0, 0]],\n",
       " [[0, 0], [1, 0], [0, 0]],\n",
       " [[0, 0], [1, 0], [1, 1]]]"
      ]
     },
     "execution_count": 23,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "example_3D_matrix"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 25,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"144pt\" height=\"148pt\"\n",
       " viewBox=\"0.00 0.00 144.00 148.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 144)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-144 140,-144 140,4 -4,4\"/>\n",
       "<!-- node139621670152520 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621670152520</title>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"#444443\" stroke-width=\".5\" points=\"14,-103 0,-103 0,-37 14,-37 14,-103\"/>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-86 1,-102 13,-102 13,-86 1,-86\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"1,-86 13,-86 \"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-91.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-70 1,-86 13,-86 13,-70 1,-70\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"1,-70 13,-70 \"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-75.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-54 1,-70 13,-70 13,-54 1,-54\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"1,-54 13,-54 \"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-59.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-38 1,-54 13,-54 13,-38 1,-38\"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-43.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">3</text>\n",
       "</g>\n",
       "<!-- node139621670150344 -->\n",
       "<g id=\"node2\" class=\"node\">\n",
       "<title>node139621670150344</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"136,-140 43,-140 43,-108 136,-108 136,-140\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-127 44.5,-139 75.5,-139 75.5,-127 44.5,-127\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"44.5,-127 75.5,-127 75.5,-139 \"/>\n",
       "<text text-anchor=\"start\" x=\"57\" y=\"-130.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"75.5,-127 75.5,-139 106.5,-139 106.5,-127 75.5,-127\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"75.5,-127 106.5,-127 106.5,-139 \"/>\n",
       "<text text-anchor=\"start\" x=\"88\" y=\"-130.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"106.5,-127 106.5,-139 135.5,-139 135.5,-127 106.5,-127\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"106.5,-127 135.5,-127 \"/>\n",
       "<text text-anchor=\"start\" x=\"118\" y=\"-130.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-109 44.5,-127 75.5,-127 75.5,-109 44.5,-109\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"75.5,-109 75.5,-127 \"/>\n",
       "<text text-anchor=\"start\" x=\"47.5\" y=\"-115.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">[0, 0]</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"75.5,-109 75.5,-127 106.5,-127 106.5,-109 75.5,-109\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"106.5,-109 106.5,-127 \"/>\n",
       "<text text-anchor=\"start\" x=\"78.5\" y=\"-115.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">[0, 0]</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"106.5,-109 106.5,-127 135.5,-127 135.5,-109 106.5,-109\"/>\n",
       "<text text-anchor=\"start\" x=\"108.5\" y=\"-115.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">[0, 0]</text>\n",
       "</g>\n",
       "<!-- node139621670152520&#45;&gt;node139621670150344 -->\n",
       "<g id=\"edge1\" class=\"edge\">\n",
       "<title>node139621670152520:0&#45;&gt;node139621670150344:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-94C30.5285,-94 25.5003,-119.4956 39.5043,-123.4793\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"39.3526,-124.8713 43.5,-124 39.7145,-122.0948 39.3526,-124.8713\"/>\n",
       "</g>\n",
       "<!-- node139621670441480 -->\n",
       "<g id=\"node3\" class=\"node\">\n",
       "<title>node139621670441480</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"136,-104 43,-104 43,-72 136,-72 136,-104\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-91 44.5,-103 75.5,-103 75.5,-91 44.5,-91\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"44.5,-91 75.5,-91 75.5,-103 \"/>\n",
       "<text text-anchor=\"start\" x=\"57\" y=\"-94.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"75.5,-91 75.5,-103 106.5,-103 106.5,-91 75.5,-91\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"75.5,-91 106.5,-91 106.5,-103 \"/>\n",
       "<text text-anchor=\"start\" x=\"88\" y=\"-94.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"106.5,-91 106.5,-103 135.5,-103 135.5,-91 106.5,-91\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"106.5,-91 135.5,-91 \"/>\n",
       "<text text-anchor=\"start\" x=\"118\" y=\"-94.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-73 44.5,-91 75.5,-91 75.5,-73 44.5,-73\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"75.5,-73 75.5,-91 \"/>\n",
       "<text text-anchor=\"start\" x=\"47.5\" y=\"-79.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">[0, 0]</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"75.5,-73 75.5,-91 106.5,-91 106.5,-73 75.5,-73\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"106.5,-73 106.5,-91 \"/>\n",
       "<text text-anchor=\"start\" x=\"78.5\" y=\"-79.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">[0, 0]</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"106.5,-73 106.5,-91 135.5,-91 135.5,-73 106.5,-73\"/>\n",
       "<text text-anchor=\"start\" x=\"108.5\" y=\"-79.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">[0, 0]</text>\n",
       "</g>\n",
       "<!-- node139621670152520&#45;&gt;node139621670441480 -->\n",
       "<g id=\"edge2\" class=\"edge\">\n",
       "<title>node139621670152520:1&#45;&gt;node139621670441480:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-78C25.8167,-78 28.7077,-86.0719 39.5082,-87.7115\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"39.4095,-89.1079 43.5,-88 39.6114,-86.3152 39.4095,-89.1079\"/>\n",
       "</g>\n",
       "<!-- node139621670152456 -->\n",
       "<g id=\"node4\" class=\"node\">\n",
       "<title>node139621670152456</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"136,-68 43,-68 43,-36 136,-36 136,-68\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-55 44.5,-67 75.5,-67 75.5,-55 44.5,-55\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"44.5,-55 75.5,-55 75.5,-67 \"/>\n",
       "<text text-anchor=\"start\" x=\"57\" y=\"-58.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"75.5,-55 75.5,-67 106.5,-67 106.5,-55 75.5,-55\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"75.5,-55 106.5,-55 106.5,-67 \"/>\n",
       "<text text-anchor=\"start\" x=\"88\" y=\"-58.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"106.5,-55 106.5,-67 135.5,-67 135.5,-55 106.5,-55\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"106.5,-55 135.5,-55 \"/>\n",
       "<text text-anchor=\"start\" x=\"118\" y=\"-58.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-37 44.5,-55 75.5,-55 75.5,-37 44.5,-37\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"75.5,-37 75.5,-55 \"/>\n",
       "<text text-anchor=\"start\" x=\"47.5\" y=\"-43.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">[0, 0]</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"75.5,-37 75.5,-55 106.5,-55 106.5,-37 75.5,-37\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"106.5,-37 106.5,-55 \"/>\n",
       "<text text-anchor=\"start\" x=\"78.5\" y=\"-43.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">[1, 0]</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"106.5,-37 106.5,-55 135.5,-55 135.5,-37 106.5,-37\"/>\n",
       "<text text-anchor=\"start\" x=\"108.5\" y=\"-43.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">[0, 0]</text>\n",
       "</g>\n",
       "<!-- node139621670152520&#45;&gt;node139621670152456 -->\n",
       "<g id=\"edge3\" class=\"edge\">\n",
       "<title>node139621670152520:2&#45;&gt;node139621670152456:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-62C25.8167,-62 28.7077,-53.9281 39.5082,-52.2885\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"39.6114,-53.6848 43.5,-52 39.4095,-50.8921 39.6114,-53.6848\"/>\n",
       "</g>\n",
       "<!-- node139621670441032 -->\n",
       "<g id=\"node5\" class=\"node\">\n",
       "<title>node139621670441032</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"136,-32 43,-32 43,0 136,0 136,-32\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-19 44.5,-31 75.5,-31 75.5,-19 44.5,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"44.5,-19 75.5,-19 75.5,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"57\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"75.5,-19 75.5,-31 106.5,-31 106.5,-19 75.5,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"75.5,-19 106.5,-19 106.5,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"88\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"106.5,-19 106.5,-31 135.5,-31 135.5,-19 106.5,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"106.5,-19 135.5,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"118\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"44.5,-1 44.5,-19 75.5,-19 75.5,-1 44.5,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"75.5,-1 75.5,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"47.5\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">[0, 0]</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"75.5,-1 75.5,-19 106.5,-19 106.5,-1 75.5,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"106.5,-1 106.5,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"78.5\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">[1, 0]</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"106.5,-1 106.5,-19 135.5,-19 135.5,-1 106.5,-1\"/>\n",
       "<text text-anchor=\"start\" x=\"108.5\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">[1, 1]</text>\n",
       "</g>\n",
       "<!-- node139621670152520&#45;&gt;node139621670441032 -->\n",
       "<g id=\"edge4\" class=\"edge\">\n",
       "<title>node139621670152520:3&#45;&gt;node139621670441032:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-46C30.5285,-46 25.5003,-20.5044 39.5043,-16.5207\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"39.7145,-17.9052 43.5,-16 39.3526,-15.1287 39.7145,-17.9052\"/>\n",
       "</g>\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc340e30b8>"
      ]
     },
     "execution_count": 25,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "lolviz(example_3D_matrix)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "It works, even if it is not as pretty."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Tree\n",
    "Only for binary trees, apparently. Let's try with a dictionary that looks like a binary tree:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 26,
   "metadata": {},
   "outputs": [],
   "source": [
    "anakin = {\n",
    "    \"name\": \"Anakin Skywalker\",\n",
    "    \"son\": {\n",
    "        \"name\": \"Luke Skywalker\",\n",
    "    },\n",
    "    \"daughter\": {\n",
    "        \"name\": \"Leia Skywalker\",\n",
    "    },\n",
    "}"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 27,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "{'daughter': {'name': 'Leia Skywalker'},\n",
      " 'name': 'Anakin Skywalker',\n",
      " 'son': {'name': 'Luke Skywalker'}}\n"
     ]
    }
   ],
   "source": [
    "from pprint import pprint\n",
    "pprint(anakin)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 42,
   "metadata": {},
   "outputs": [
    {
     "ename": "AttributeError",
     "evalue": "'dict' object has no attribute '__dict__'",
     "output_type": "error",
     "traceback": [
      "\u001b[0;31m---------------------------------------------------------------------------\u001b[0m",
      "\u001b[0;31mAttributeError\u001b[0m                            Traceback (most recent call last)",
      "\u001b[0;32m<ipython-input-42-93eee6442074>\u001b[0m in \u001b[0;36m<module>\u001b[0;34m()\u001b[0m\n\u001b[0;32m----> 1\u001b[0;31m \u001b[0mtreeviz\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mmyDict\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0manakin\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mleftfield\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0;34m'son'\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mrightfield\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0;34m'daugther'\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m",
      "\u001b[0;32m/usr/local/lib/python3.6/dist-packages/lolviz.py\u001b[0m in \u001b[0;36mtreeviz\u001b[0;34m(root, leftfield, rightfield)\u001b[0m\n\u001b[1;32m    102\u001b[0m         \u001b[0mnodename\u001b[0m \u001b[0;34m=\u001b[0m \u001b[0;34m\"node%d\"\u001b[0m \u001b[0;34m%\u001b[0m \u001b[0mid\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0mp\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m    103\u001b[0m         \u001b[0mfields\u001b[0m \u001b[0;34m=\u001b[0m \u001b[0;34m[\u001b[0m\u001b[0;34m]\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0;32m--> 104\u001b[0;31m         \u001b[0;32mfor\u001b[0m \u001b[0mk\u001b[0m\u001b[0;34m,\u001b[0m \u001b[0mv\u001b[0m \u001b[0;32min\u001b[0m \u001b[0mp\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0m__dict__\u001b[0m\u001b[0;34m.\u001b[0m\u001b[0mitems\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m    105\u001b[0m             \u001b[0;32mif\u001b[0m \u001b[0mk\u001b[0m\u001b[0;34m==\u001b[0m\u001b[0mleftfield\u001b[0m \u001b[0;32mor\u001b[0m \u001b[0mk\u001b[0m\u001b[0;34m==\u001b[0m\u001b[0mrightfield\u001b[0m\u001b[0;34m:\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m    106\u001b[0m                 \u001b[0;32mcontinue\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n",
      "\u001b[0;31mAttributeError\u001b[0m: 'dict' object has no attribute '__dict__'"
     ]
    }
   ],
   "source": [
    "treeviz(anakin, leftfield='son', rightfield='daugther')"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "It doesn't work out of the box for dictionaries, sadly.\n",
    "\n",
    "Let's check another example:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 67,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"236pt\" height=\"298pt\"\n",
       " viewBox=\"0.00 0.00 235.50 298.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 294)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-294 231.5,-294 231.5,4 -4,4\"/>\n",
       "<!-- node139621501191336 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621501191336</title>\n",
       "<polygon fill=\"#fefecd\" stroke=\"#444443\" stroke-width=\".5\" points=\"175.5,-290 107.5,-290 107.5,-234 175.5,-234 175.5,-290\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"109.5,-274 109.5,-288 173.5,-288 173.5,-274 109.5,-274\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"109.5,-274 173.5,-274 \"/>\n",
       "<text text-anchor=\"start\" x=\"130.5\" y=\"-278.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">Tree</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"109.5,-272 109.5,-274 173.5,-274 173.5,-272 109.5,-272\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"109.5,-258 109.5,-272 140.5,-272 140.5,-258 109.5,-258\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"140.5,-258 140.5,-272 \"/>\n",
       "<text text-anchor=\"start\" x=\"110.5\" y=\"-262.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">value </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"140.5,-258 140.5,-272 173.5,-272 173.5,-258 140.5,-258\"/>\n",
       "<text text-anchor=\"start\" x=\"141.5\" y=\"-262.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#39;parrt&#39;</text>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"109.5,-255 173.5,-255 \"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"109.5,-253 109.5,-255 173.5,-255 173.5,-253 109.5,-253\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"109.5,-244 109.5,-253 140.5,-253 140.5,-244 109.5,-244\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"140.5,-244 140.5,-253 \"/>\n",
       "<text text-anchor=\"start\" x=\"110.5\" y=\"-247.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">left</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"140.5,-244 140.5,-253 140.5,-253 140.5,-244 140.5,-244\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"140.5,-244 140.5,-253 173.5,-253 173.5,-244 140.5,-244\"/>\n",
       "<text text-anchor=\"start\" x=\"160.5\" y=\"-247.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">right</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"109.5,-241 109.5,-244 140.5,-244 140.5,-241 109.5,-241\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"140.5,-241 140.5,-244 \"/>\n",
       "<text text-anchor=\"start\" x=\"124.8611\" y=\"-242.1\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"140.5,-241 140.5,-244 140.5,-244 140.5,-241 140.5,-241\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"140.5,-241 140.5,-244 173.5,-244 173.5,-241 140.5,-241\"/>\n",
       "<text text-anchor=\"start\" x=\"156.8611\" y=\"-242.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"109.5,-236 109.5,-241 140.5,-241 140.5,-236 109.5,-236\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"140.5,-236 140.5,-241 \"/>\n",
       "<text text-anchor=\"start\" x=\"124.5\" y=\"-237.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"140.5,-236 140.5,-241 140.5,-241 140.5,-236 140.5,-236\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"140.5,-236 140.5,-241 173.5,-241 173.5,-236 140.5,-236\"/>\n",
       "<text text-anchor=\"start\" x=\"156.5\" y=\"-237.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "</g>\n",
       "<!-- node139621501191168 -->\n",
       "<g id=\"node2\" class=\"node\">\n",
       "<title>node139621501191168</title>\n",
       "<polygon fill=\"#fefecd\" stroke=\"#444443\" stroke-width=\".5\" points=\"139,-212 70,-212 70,-156 139,-156 139,-212\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"72.5,-196 72.5,-210 137.5,-210 137.5,-196 72.5,-196\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"72.5,-196 137.5,-196 \"/>\n",
       "<text text-anchor=\"start\" x=\"94\" y=\"-200.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">Tree</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"72.5,-194 72.5,-196 137.5,-196 137.5,-194 72.5,-194\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"72.5,-180 72.5,-194 103.5,-194 103.5,-180 72.5,-180\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"103.5,-180 103.5,-194 \"/>\n",
       "<text text-anchor=\"start\" x=\"73.5\" y=\"-184.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">value </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"103.5,-180 103.5,-194 137.5,-194 137.5,-180 103.5,-180\"/>\n",
       "<text text-anchor=\"start\" x=\"104.5\" y=\"-184.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#39;mary&#39;</text>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"72.5,-177 137.5,-177 \"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"72.5,-175 72.5,-177 137.5,-177 137.5,-175 72.5,-175\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"72.5,-166 72.5,-175 103.5,-175 103.5,-166 72.5,-166\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"103.5,-166 103.5,-175 \"/>\n",
       "<text text-anchor=\"start\" x=\"73.5\" y=\"-169.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">left</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"103.5,-166 103.5,-175 103.5,-175 103.5,-166 103.5,-166\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"103.5,-166 103.5,-175 137.5,-175 137.5,-166 103.5,-166\"/>\n",
       "<text text-anchor=\"start\" x=\"124.5\" y=\"-169.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">right</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"72.5,-163 72.5,-166 103.5,-166 103.5,-163 72.5,-163\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"103.5,-163 103.5,-166 \"/>\n",
       "<text text-anchor=\"start\" x=\"87.8611\" y=\"-164.1\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"103.5,-163 103.5,-166 103.5,-166 103.5,-163 103.5,-163\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"103.5,-163 103.5,-166 137.5,-166 137.5,-163 103.5,-163\"/>\n",
       "<text text-anchor=\"start\" x=\"120.3611\" y=\"-164.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"72.5,-158 72.5,-163 103.5,-163 103.5,-158 72.5,-158\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"103.5,-158 103.5,-163 \"/>\n",
       "<text text-anchor=\"start\" x=\"87.5\" y=\"-159.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"103.5,-158 103.5,-163 103.5,-163 103.5,-158 103.5,-158\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"103.5,-158 103.5,-163 137.5,-163 137.5,-158 103.5,-158\"/>\n",
       "<text text-anchor=\"start\" x=\"120\" y=\"-159.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "</g>\n",
       "<!-- node139621501191336&#45;&gt;node139621501191168 -->\n",
       "<g id=\"edge1\" class=\"edge\">\n",
       "<title>node139621501191336:c&#45;&gt;node139621501191168</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M123.3926,-238.7887C121.8287,-234.2533 118.8076,-225.492 115.6322,-216.2833\"/>\n",
       "<ellipse fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" cx=\"123.9784\" cy=\"-240.4874\" rx=\"1.6\" ry=\"1.6\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"116.8932,-215.6455 114.2656,-212.3204 114.2461,-216.5583 116.8932,-215.6455\"/>\n",
       "</g>\n",
       "<!-- node139621501191280 -->\n",
       "<g id=\"node6\" class=\"node\">\n",
       "<title>node139621501191280</title>\n",
       "<polygon fill=\"#fefecd\" stroke=\"#444443\" stroke-width=\".5\" points=\"208.5,-212 146.5,-212 146.5,-156 208.5,-156 208.5,-212\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"148.5,-196 148.5,-210 206.5,-210 206.5,-196 148.5,-196\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"148.5,-196 206.5,-196 \"/>\n",
       "<text text-anchor=\"start\" x=\"166.5\" y=\"-200.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">Tree</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"148.5,-194 148.5,-196 206.5,-196 206.5,-194 148.5,-194\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"148.5,-180 148.5,-194 179.5,-194 179.5,-180 148.5,-180\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"179.5,-180 179.5,-194 \"/>\n",
       "<text text-anchor=\"start\" x=\"149.5\" y=\"-184.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">value </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"179.5,-180 179.5,-194 206.5,-194 206.5,-180 179.5,-180\"/>\n",
       "<text text-anchor=\"start\" x=\"180.5\" y=\"-184.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#39;xue&#39;</text>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"148.5,-177 206.5,-177 \"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"148.5,-175 148.5,-177 206.5,-177 206.5,-175 148.5,-175\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"148.5,-166 148.5,-175 179.5,-175 179.5,-166 148.5,-166\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"179.5,-166 179.5,-175 \"/>\n",
       "<text text-anchor=\"start\" x=\"149.5\" y=\"-169.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">left</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"179.5,-166 179.5,-175 179.5,-175 179.5,-166 179.5,-166\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"179.5,-166 179.5,-175 206.5,-175 206.5,-166 179.5,-166\"/>\n",
       "<text text-anchor=\"start\" x=\"193.5\" y=\"-169.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">right</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"148.5,-163 148.5,-166 179.5,-166 179.5,-163 148.5,-163\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"179.5,-163 179.5,-166 \"/>\n",
       "<text text-anchor=\"start\" x=\"163.8611\" y=\"-164.1\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"179.5,-163 179.5,-166 179.5,-166 179.5,-163 179.5,-163\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"179.5,-163 179.5,-166 206.5,-166 206.5,-163 179.5,-163\"/>\n",
       "<text text-anchor=\"start\" x=\"192.8611\" y=\"-164.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"148.5,-158 148.5,-163 179.5,-163 179.5,-158 148.5,-158\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"179.5,-158 179.5,-163 \"/>\n",
       "<text text-anchor=\"start\" x=\"163.5\" y=\"-159.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"179.5,-158 179.5,-163 179.5,-163 179.5,-158 179.5,-158\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"179.5,-158 179.5,-163 206.5,-163 206.5,-158 179.5,-158\"/>\n",
       "<text text-anchor=\"start\" x=\"192.5\" y=\"-159.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "</g>\n",
       "<!-- node139621501191336&#45;&gt;node139621501191280 -->\n",
       "<g id=\"edge2\" class=\"edge\">\n",
       "<title>node139621501191336:c&#45;&gt;node139621501191280</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M158.6074,-238.7887C160.1713,-234.2533 163.1924,-225.492 166.3678,-216.2833\"/>\n",
       "<ellipse fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" cx=\"158.0216\" cy=\"-240.4874\" rx=\"1.6\" ry=\"1.6\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"167.7539,-216.5583 167.7344,-212.3204 165.1068,-215.6455 167.7539,-216.5583\"/>\n",
       "</g>\n",
       "<!-- node139621501191112 -->\n",
       "<g id=\"node3\" class=\"node\">\n",
       "<title>node139621501191112</title>\n",
       "<polygon fill=\"#fefecd\" stroke=\"#444443\" stroke-width=\".5\" points=\"117,-134 58,-134 58,-78 117,-78 117,-134\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"60.5,-118 60.5,-132 115.5,-132 115.5,-118 60.5,-118\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"60.5,-118 115.5,-118 \"/>\n",
       "<text text-anchor=\"start\" x=\"77\" y=\"-122.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">Tree</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"60.5,-116 60.5,-118 115.5,-118 115.5,-116 60.5,-116\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"60.5,-102 60.5,-116 91.5,-116 91.5,-102 60.5,-102\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"91.5,-102 91.5,-116 \"/>\n",
       "<text text-anchor=\"start\" x=\"61.5\" y=\"-106.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">value </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"91.5,-102 91.5,-116 115.5,-116 115.5,-102 91.5,-102\"/>\n",
       "<text text-anchor=\"start\" x=\"92.5\" y=\"-106.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#39;jim&#39;</text>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"60.5,-99 115.5,-99 \"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"60.5,-97 60.5,-99 115.5,-99 115.5,-97 60.5,-97\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"60.5,-88 60.5,-97 91.5,-97 91.5,-88 60.5,-88\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"91.5,-88 91.5,-97 \"/>\n",
       "<text text-anchor=\"start\" x=\"61.5\" y=\"-91.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">left</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"91.5,-88 91.5,-97 91.5,-97 91.5,-88 91.5,-88\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"91.5,-88 91.5,-97 115.5,-97 115.5,-88 91.5,-88\"/>\n",
       "<text text-anchor=\"start\" x=\"102.5\" y=\"-91.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">right</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"60.5,-85 60.5,-88 91.5,-88 91.5,-85 60.5,-85\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"91.5,-85 91.5,-88 \"/>\n",
       "<text text-anchor=\"start\" x=\"75.8611\" y=\"-86.1\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"91.5,-85 91.5,-88 91.5,-88 91.5,-85 91.5,-85\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"91.5,-85 91.5,-88 115.5,-88 115.5,-85 91.5,-85\"/>\n",
       "<text text-anchor=\"start\" x=\"103.3611\" y=\"-86.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"60.5,-80 60.5,-85 91.5,-85 91.5,-80 60.5,-80\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"91.5,-80 91.5,-85 \"/>\n",
       "<text text-anchor=\"start\" x=\"75.5\" y=\"-81.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"91.5,-80 91.5,-85 91.5,-85 91.5,-80 91.5,-80\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"91.5,-80 91.5,-85 115.5,-85 115.5,-80 91.5,-80\"/>\n",
       "<text text-anchor=\"start\" x=\"103\" y=\"-81.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "</g>\n",
       "<!-- node139621501191168&#45;&gt;node139621501191112 -->\n",
       "<g id=\"edge3\" class=\"edge\">\n",
       "<title>node139621501191168:c&#45;&gt;node139621501191112</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M87.5,-160.7887C87.5,-156.3343 87.5,-147.8035 87.5,-138.7762\"/>\n",
       "<ellipse fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" cx=\"87.5\" cy=\"-162.4\" rx=\"1.6\" ry=\"1.6\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"88.9001,-138.3203 87.5,-134.3204 86.1001,-138.3204 88.9001,-138.3203\"/>\n",
       "</g>\n",
       "<!-- node139621501191000 -->\n",
       "<g id=\"node4\" class=\"node\">\n",
       "<title>node139621501191000</title>\n",
       "<polygon fill=\"#fefecd\" stroke=\"#444443\" stroke-width=\".5\" points=\"93,-56 0,-56 0,0 93,0 93,-56\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"2.5,-40 2.5,-54 91.5,-54 91.5,-40 2.5,-40\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-40 91.5,-40 \"/>\n",
       "<text text-anchor=\"start\" x=\"36\" y=\"-44.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">Tree</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"2.5,-38 2.5,-40 91.5,-40 91.5,-38 2.5,-38\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"2.5,-24 2.5,-38 33.5,-38 33.5,-24 2.5,-24\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"33.5,-24 33.5,-38 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-28.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">value </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"33.5,-24 33.5,-38 91.5,-38 91.5,-24 33.5,-24\"/>\n",
       "<text text-anchor=\"start\" x=\"34.5\" y=\"-28.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#39;srinivasan&#39;</text>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-21 91.5,-21 \"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"2.5,-19 2.5,-21 91.5,-21 91.5,-19 2.5,-19\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"2.5,-10 2.5,-19 33.5,-19 33.5,-10 2.5,-10\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"33.5,-10 33.5,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-13.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">left</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"33.5,-10 33.5,-19 33.5,-19 33.5,-10 33.5,-10\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"33.5,-10 33.5,-19 91.5,-19 91.5,-10 33.5,-10\"/>\n",
       "<text text-anchor=\"start\" x=\"78.5\" y=\"-13.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">right</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"2.5,-7 2.5,-10 33.5,-10 33.5,-7 2.5,-7\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"33.5,-7 33.5,-10 \"/>\n",
       "<text text-anchor=\"start\" x=\"17.8611\" y=\"-8.1\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"33.5,-7 33.5,-10 33.5,-10 33.5,-7 33.5,-7\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"33.5,-7 33.5,-10 91.5,-10 91.5,-7 33.5,-7\"/>\n",
       "<text text-anchor=\"start\" x=\"62.3611\" y=\"-8.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"2.5,-2 2.5,-7 33.5,-7 33.5,-2 2.5,-2\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"33.5,-2 33.5,-7 \"/>\n",
       "<text text-anchor=\"start\" x=\"17.5\" y=\"-3.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"33.5,-2 33.5,-7 33.5,-7 33.5,-2 33.5,-2\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"33.5,-2 33.5,-7 91.5,-7 91.5,-2 33.5,-2\"/>\n",
       "<text text-anchor=\"start\" x=\"62\" y=\"-3.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "</g>\n",
       "<!-- node139621501191112&#45;&gt;node139621501191000 -->\n",
       "<g id=\"edge4\" class=\"edge\">\n",
       "<title>node139621501191112:c&#45;&gt;node139621501191000</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M74.0594,-83.1188C71.8312,-78.6623 67.3077,-69.6153 62.5585,-60.117\"/>\n",
       "<ellipse fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" cx=\"74.7844\" cy=\"-84.5689\" rx=\"1.6\" ry=\"1.6\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"63.7013,-59.272 60.6602,-56.3204 61.1969,-60.5242 63.7013,-59.272\"/>\n",
       "</g>\n",
       "<!-- node139621501191056 -->\n",
       "<g id=\"node5\" class=\"node\">\n",
       "<title>node139621501191056</title>\n",
       "<polygon fill=\"#fefecd\" stroke=\"#444443\" stroke-width=\".5\" points=\"165,-56 100,-56 100,0 165,0 165,-56\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"102.5,-40 102.5,-54 163.5,-54 163.5,-40 102.5,-40\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"102.5,-40 163.5,-40 \"/>\n",
       "<text text-anchor=\"start\" x=\"122\" y=\"-44.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">Tree</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"102.5,-38 102.5,-40 163.5,-40 163.5,-38 102.5,-38\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"102.5,-24 102.5,-38 133.5,-38 133.5,-24 102.5,-24\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"133.5,-24 133.5,-38 \"/>\n",
       "<text text-anchor=\"start\" x=\"103.5\" y=\"-28.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">value </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"133.5,-24 133.5,-38 163.5,-38 163.5,-24 133.5,-24\"/>\n",
       "<text text-anchor=\"start\" x=\"134.5\" y=\"-28.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#39;april&#39;</text>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"102.5,-21 163.5,-21 \"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"102.5,-19 102.5,-21 163.5,-21 163.5,-19 102.5,-19\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"102.5,-10 102.5,-19 133.5,-19 133.5,-10 102.5,-10\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"133.5,-10 133.5,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"103.5\" y=\"-13.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">left</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"133.5,-10 133.5,-19 133.5,-19 133.5,-10 133.5,-10\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"133.5,-10 133.5,-19 163.5,-19 163.5,-10 133.5,-10\"/>\n",
       "<text text-anchor=\"start\" x=\"150.5\" y=\"-13.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">right</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"102.5,-7 102.5,-10 133.5,-10 133.5,-7 102.5,-7\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"133.5,-7 133.5,-10 \"/>\n",
       "<text text-anchor=\"start\" x=\"117.8611\" y=\"-8.1\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"133.5,-7 133.5,-10 133.5,-10 133.5,-7 133.5,-7\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"133.5,-7 133.5,-10 163.5,-10 163.5,-7 133.5,-7\"/>\n",
       "<text text-anchor=\"start\" x=\"148.3611\" y=\"-8.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"102.5,-2 102.5,-7 133.5,-7 133.5,-2 102.5,-2\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"133.5,-2 133.5,-7 \"/>\n",
       "<text text-anchor=\"start\" x=\"117.5\" y=\"-3.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"133.5,-2 133.5,-7 133.5,-7 133.5,-2 133.5,-2\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"133.5,-2 133.5,-7 163.5,-7 163.5,-2 133.5,-2\"/>\n",
       "<text text-anchor=\"start\" x=\"148\" y=\"-3.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "</g>\n",
       "<!-- node139621501191112&#45;&gt;node139621501191056 -->\n",
       "<g id=\"edge5\" class=\"edge\">\n",
       "<title>node139621501191112:c&#45;&gt;node139621501191056</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M104.9406,-83.1188C107.1688,-78.6623 111.6923,-69.6153 116.4415,-60.117\"/>\n",
       "<ellipse fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" cx=\"104.2156\" cy=\"-84.5689\" rx=\"1.6\" ry=\"1.6\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"117.8031,-60.5242 118.3398,-56.3204 115.2987,-59.272 117.8031,-60.5242\"/>\n",
       "</g>\n",
       "<!-- node139621501191224 -->\n",
       "<g id=\"node7\" class=\"node\">\n",
       "<title>node139621501191224</title>\n",
       "<polygon fill=\"#fefecd\" stroke=\"#444443\" stroke-width=\".5\" points=\"227.5,-134 159.5,-134 159.5,-78 227.5,-78 227.5,-134\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"161.5,-118 161.5,-132 225.5,-132 225.5,-118 161.5,-118\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"161.5,-118 225.5,-118 \"/>\n",
       "<text text-anchor=\"start\" x=\"182.5\" y=\"-122.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">Tree</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"161.5,-116 161.5,-118 225.5,-118 225.5,-116 161.5,-116\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"161.5,-102 161.5,-116 192.5,-116 192.5,-102 161.5,-102\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"192.5,-102 192.5,-116 \"/>\n",
       "<text text-anchor=\"start\" x=\"162.5\" y=\"-106.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">value </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"192.5,-102 192.5,-116 225.5,-116 225.5,-102 192.5,-102\"/>\n",
       "<text text-anchor=\"start\" x=\"193.5\" y=\"-106.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#39;mike&#39;</text>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"161.5,-99 225.5,-99 \"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"161.5,-97 161.5,-99 225.5,-99 225.5,-97 161.5,-97\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"161.5,-88 161.5,-97 192.5,-97 192.5,-88 161.5,-88\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"192.5,-88 192.5,-97 \"/>\n",
       "<text text-anchor=\"start\" x=\"162.5\" y=\"-91.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">left</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"192.5,-88 192.5,-97 192.5,-97 192.5,-88 192.5,-88\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"192.5,-88 192.5,-97 225.5,-97 225.5,-88 192.5,-88\"/>\n",
       "<text text-anchor=\"start\" x=\"212.5\" y=\"-91.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"6.00\" fill=\"#444443\">right</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"161.5,-85 161.5,-88 192.5,-88 192.5,-85 161.5,-85\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"192.5,-85 192.5,-88 \"/>\n",
       "<text text-anchor=\"start\" x=\"176.8611\" y=\"-86.1\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"192.5,-85 192.5,-88 192.5,-88 192.5,-85 192.5,-85\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"192.5,-85 192.5,-88 225.5,-88 225.5,-85 192.5,-85\"/>\n",
       "<text text-anchor=\"start\" x=\"208.8611\" y=\"-86.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"1.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"161.5,-80 161.5,-85 192.5,-85 192.5,-80 161.5,-80\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"192.5,-80 192.5,-85 \"/>\n",
       "<text text-anchor=\"start\" x=\"176.5\" y=\"-81.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"192.5,-80 192.5,-85 192.5,-85 192.5,-80 192.5,-80\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"192.5,-80 192.5,-85 225.5,-85 225.5,-80 192.5,-80\"/>\n",
       "<text text-anchor=\"start\" x=\"208.5\" y=\"-81.6\" font-family=\"Helvetica,sans-Serif\" font-size=\"3.00\" fill=\"#444443\"> </text>\n",
       "</g>\n",
       "<!-- node139621501191280&#45;&gt;node139621501191224 -->\n",
       "<g id=\"edge6\" class=\"edge\">\n",
       "<title>node139621501191280:c&#45;&gt;node139621501191224</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M193.5,-160.7887C193.5,-156.3343 193.5,-147.8035 193.5,-138.7762\"/>\n",
       "<ellipse fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" cx=\"193.5\" cy=\"-162.4\" rx=\"1.6\" ry=\"1.6\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"194.9001,-138.3203 193.5,-134.3204 192.1001,-138.3204 194.9001,-138.3203\"/>\n",
       "</g>\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc29fb42b0>"
      ]
     },
     "execution_count": 67,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "class Tree:\n",
    "    def __init__(self, value, left=None, right=None):\n",
    "        self.value = value\n",
    "        self.left = left\n",
    "        self.right = right\n",
    "        \n",
    "root = Tree('parrt',\n",
    "            Tree('mary',\n",
    "                 Tree('jim',\n",
    "                      Tree('srinivasan'),\n",
    "                      Tree('april'))),\n",
    "            Tree('xue',None,Tree('mike')))\n",
    "\n",
    "treeviz(root)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Objects"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 48,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"128pt\" height=\"40pt\"\n",
       " viewBox=\"0.00 0.00 128.00 40.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 36)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-36 124,-36 124,4 -4,4\"/>\n",
       "<!-- node139621669833160 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621669833160</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"120,-32 0,-32 0,0 120,0 120,-32\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"1,-19 1,-31 39,-31 39,-19 1,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"1,-19 39,-19 39,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"17\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"39,-19 39,-31 67,-31 67,-19 39,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"39,-19 67,-19 67,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"50\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"67,-19 67,-31 119,-31 119,-19 67,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"67,-19 119,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"90\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"1,-1 1,-19 39,-19 39,-1 1,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"39,-1 39,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">&#39;name&#39;</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"39,-1 39,-19 67,-19 67,-1 39,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"67,-1 67,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"42\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">&#39;son&#39;</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"67,-1 67,-19 119,-19 119,-1 67,-1\"/>\n",
       "<text text-anchor=\"start\" x=\"69\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">&#39;daughter&#39;</text>\n",
       "</g>\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc3408b048>"
      ]
     },
     "execution_count": 48,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "objviz(anakin)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 49,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"179pt\" height=\"62pt\"\n",
       " viewBox=\"0.00 0.00 179.00 62.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 58)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-58 175,-58 175,4 -4,4\"/>\n",
       "<!-- node139621669714760 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621669714760</title>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"#444443\" stroke-width=\".5\" points=\"14,-54 0,-54 0,-4 14,-4 14,-54\"/>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-37 1,-53 13,-53 13,-37 1,-37\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"1,-37 13,-37 \"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-42.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-21 1,-37 13,-37 13,-21 1,-21\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"1,-21 13,-21 \"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-26.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-5 1,-21 13,-21 13,-5 1,-5\"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-10.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "</g>\n",
       "<!-- node139621670161144 -->\n",
       "<g id=\"node2\" class=\"node\">\n",
       "<title>node139621670161144</title>\n",
       "<polygon fill=\"#fefecd\" stroke=\"#444443\" stroke-width=\".5\" points=\"171,-43 36,-43 36,-25 171,-25 171,-43\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"38.5,-27 38.5,-41 73.5,-41 73.5,-27 38.5,-27\"/>\n",
       "<text text-anchor=\"start\" x=\"38.5\" y=\"-31.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">&#39;name&#39; </text>\n",
       "<text text-anchor=\"start\" x=\"73.5\" y=\"-29.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">→</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"83.5,-27 83.5,-41 169.5,-41 169.5,-27 83.5,-27\"/>\n",
       "<text text-anchor=\"start\" x=\"84.5\" y=\"-31.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#39;Luke Skywalker&#39;</text>\n",
       "</g>\n",
       "<!-- node139621669714760&#45;&gt;node139621670161144 -->\n",
       "<g id=\"edge1\" class=\"edge\">\n",
       "<title>node139621669714760:1&#45;&gt;node139621670161144:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-29C21.8265,-29 24.685,-32.5596 31.6464,-33.6719\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"31.9061,-35.0954 36,-34 32.1165,-32.3033 31.9061,-35.0954\"/>\n",
       "</g>\n",
       "<!-- node139621679147480 -->\n",
       "<g id=\"node3\" class=\"node\">\n",
       "<title>node139621679147480</title>\n",
       "<polygon fill=\"#fefecd\" stroke=\"#444443\" stroke-width=\".5\" points=\"169.5,-18 37.5,-18 37.5,0 169.5,0 169.5,-18\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"39.5,-2 39.5,-16 74.5,-16 74.5,-2 39.5,-2\"/>\n",
       "<text text-anchor=\"start\" x=\"39.5\" y=\"-6.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">&#39;name&#39; </text>\n",
       "<text text-anchor=\"start\" x=\"74.5\" y=\"-4.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">→</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"84.5,-2 84.5,-16 167.5,-16 167.5,-2 84.5,-2\"/>\n",
       "<text text-anchor=\"start\" x=\"85.5\" y=\"-6.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#39;Leia Skywalker&#39;</text>\n",
       "</g>\n",
       "<!-- node139621669714760&#45;&gt;node139621679147480 -->\n",
       "<g id=\"edge2\" class=\"edge\">\n",
       "<title>node139621669714760:2&#45;&gt;node139621679147480:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-13C22.4815,-13 25.6124,-10.0459 33.3078,-9.2151\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"33.577,-10.6032 37.5,-9 33.4335,-7.8069 33.577,-10.6032\"/>\n",
       "</g>\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc3401f5f8>"
      ]
     },
     "execution_count": 49,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "objviz(anakin.values())"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 50,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"336pt\" height=\"118pt\"\n",
       " viewBox=\"0.00 0.00 336.00 118.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 114)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-114 332,-114 332,4 -4,4\"/>\n",
       "<!-- node139621669834568 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621669834568</title>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"#444443\" stroke-width=\".5\" points=\"14,-80 0,-80 0,-30 14,-30 14,-80\"/>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-63 1,-79 13,-79 13,-63 1,-63\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"1,-63 13,-63 \"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-68.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-47 1,-63 13,-63 13,-47 1,-47\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"1,-47 13,-47 \"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-52.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#cfe2d4\" stroke=\"transparent\" points=\"1,-31 1,-47 13,-47 13,-31 1,-31\"/>\n",
       "<text text-anchor=\"start\" x=\"4\" y=\"-36.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "</g>\n",
       "<!-- node139621669839688 -->\n",
       "<g id=\"node2\" class=\"node\">\n",
       "<title>node139621669839688</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"171,-110 36,-110 36,-78 171,-78 171,-110\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"37.5,-97 37.5,-109 75.5,-109 75.5,-97 37.5,-97\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"37.5,-97 75.5,-97 75.5,-109 \"/>\n",
       "<text text-anchor=\"start\" x=\"53.5\" y=\"-100.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"75.5,-97 75.5,-109 170.5,-109 170.5,-97 75.5,-97\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"75.5,-97 170.5,-97 \"/>\n",
       "<text text-anchor=\"start\" x=\"120\" y=\"-100.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"37.5,-79 37.5,-97 75.5,-97 75.5,-79 37.5,-79\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"75.5,-79 75.5,-97 \"/>\n",
       "<text text-anchor=\"start\" x=\"40.5\" y=\"-85.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">&#39;name&#39;</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"75.5,-79 75.5,-97 170.5,-97 170.5,-79 75.5,-79\"/>\n",
       "<text text-anchor=\"start\" x=\"77.5\" y=\"-85.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">&#39;Anakin Skywalker&#39;</text>\n",
       "</g>\n",
       "<!-- node139621669834568&#45;&gt;node139621669839688 -->\n",
       "<g id=\"edge1\" class=\"edge\">\n",
       "<title>node139621669834568:0&#45;&gt;node139621669839688:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-71C25.8752,-71 22.5933,-89.2439 31.9342,-93.2347\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"31.81,-94.6359 36,-94 32.328,-91.8842 31.81,-94.6359\"/>\n",
       "</g>\n",
       "<!-- node139621669769864 -->\n",
       "<g id=\"node3\" class=\"node\">\n",
       "<title>node139621669769864</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"124,-71 83,-71 83,-39 124,-39 124,-71\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"84.5,-58 84.5,-70 112.5,-70 112.5,-58 84.5,-58\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"84.5,-58 112.5,-58 112.5,-70 \"/>\n",
       "<text text-anchor=\"start\" x=\"95.5\" y=\"-61.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"112.5,-58 112.5,-70 123.5,-70 123.5,-58 112.5,-58\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"112.5,-58 123.5,-58 \"/>\n",
       "<text text-anchor=\"start\" x=\"115\" y=\"-61.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"84.5,-40 84.5,-58 112.5,-58 112.5,-40 84.5,-40\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"112.5,-40 112.5,-58 \"/>\n",
       "<text text-anchor=\"start\" x=\"87.5\" y=\"-46.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">&#39;son&#39;</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"112.5,-40 112.5,-58 123.5,-58 123.5,-40 112.5,-40\"/>\n",
       "<text text-anchor=\"start\" x=\"114.5\" y=\"-46.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#160;</text>\n",
       "</g>\n",
       "<!-- node139621669834568&#45;&gt;node139621669769864 -->\n",
       "<g id=\"edge2\" class=\"edge\">\n",
       "<title>node139621669834568:1&#45;&gt;node139621669769864:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-55C42.441,-55 50.8362,-55 78.3042,-55\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"78.5,-56.4001 82.5,-55 78.5,-53.6001 78.5,-56.4001\"/>\n",
       "</g>\n",
       "<!-- node139621670000264 -->\n",
       "<g id=\"node5\" class=\"node\">\n",
       "<title>node139621670000264</title>\n",
       "<polygon fill=\"none\" stroke=\"#000000\" stroke-width=\".5\" points=\"137,-32 70,-32 70,0 137,0 137,-32\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"71.5,-19 71.5,-31 125.5,-31 125.5,-19 71.5,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"71.5,-19 125.5,-19 125.5,-31 \"/>\n",
       "<text text-anchor=\"start\" x=\"95.5\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"125.5,-19 125.5,-31 136.5,-31 136.5,-19 125.5,-19\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"125.5,-19 136.5,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"128\" y=\"-22.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"71.5,-1 71.5,-19 125.5,-19 125.5,-1 71.5,-1\"/>\n",
       "<polyline fill=\"none\" stroke=\"#000000\" points=\"125.5,-1 125.5,-19 \"/>\n",
       "<text text-anchor=\"start\" x=\"74.5\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">&#39;daughter&#39;</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"125.5,-1 125.5,-19 136.5,-19 136.5,-1 125.5,-1\"/>\n",
       "<text text-anchor=\"start\" x=\"127.5\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#160;</text>\n",
       "</g>\n",
       "<!-- node139621669834568&#45;&gt;node139621670000264 -->\n",
       "<g id=\"edge3\" class=\"edge\">\n",
       "<title>node139621669834568:2&#45;&gt;node139621670000264:w</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M13,-39C38.6293,-39 42.0648,-18.4468 65.2666,-16.1988\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"65.5701,-17.5862 69.5,-16 65.4387,-14.7893 65.5701,-17.5862\"/>\n",
       "</g>\n",
       "<!-- node139621670161144 -->\n",
       "<g id=\"node4\" class=\"node\">\n",
       "<title>node139621670161144</title>\n",
       "<polygon fill=\"#fefecd\" stroke=\"#444443\" stroke-width=\".5\" points=\"328,-58 193,-58 193,-40 328,-40 328,-58\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"195.5,-42 195.5,-56 230.5,-56 230.5,-42 195.5,-42\"/>\n",
       "<text text-anchor=\"start\" x=\"195.5\" y=\"-46.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">&#39;name&#39; </text>\n",
       "<text text-anchor=\"start\" x=\"230.5\" y=\"-44.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">→</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"240.5,-42 240.5,-56 326.5,-56 326.5,-42 240.5,-42\"/>\n",
       "<text text-anchor=\"start\" x=\"241.5\" y=\"-46.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#39;Luke Skywalker&#39;</text>\n",
       "</g>\n",
       "<!-- node139621669769864&#45;&gt;node139621670161144 -->\n",
       "<g id=\"edge4\" class=\"edge\">\n",
       "<title>node139621669769864:c&#45;&gt;node139621670161144</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M121.931,-49C131.5562,-49 159.9836,-49 188.605,-49\"/>\n",
       "<ellipse fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" cx=\"120.1\" cy=\"-49\" rx=\"1.6\" ry=\"1.6\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"188.8271,-50.4001 192.827,-49 188.827,-47.6001 188.8271,-50.4001\"/>\n",
       "</g>\n",
       "<!-- node139621679147480 -->\n",
       "<g id=\"node6\" class=\"node\">\n",
       "<title>node139621679147480</title>\n",
       "<polygon fill=\"#fefecd\" stroke=\"#444443\" stroke-width=\".5\" points=\"326.5,-19 194.5,-19 194.5,-1 326.5,-1 326.5,-19\"/>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"196.5,-3 196.5,-17 231.5,-17 231.5,-3 196.5,-3\"/>\n",
       "<text text-anchor=\"start\" x=\"196.5\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">&#39;name&#39; </text>\n",
       "<text text-anchor=\"start\" x=\"231.5\" y=\"-5.8\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">→</text>\n",
       "<polygon fill=\"#fefecd\" stroke=\"transparent\" points=\"241.5,-3 241.5,-17 324.5,-17 324.5,-3 241.5,-3\"/>\n",
       "<text text-anchor=\"start\" x=\"242.5\" y=\"-7.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> &#39;Leia Skywalker&#39;</text>\n",
       "</g>\n",
       "<!-- node139621670000264&#45;&gt;node139621679147480 -->\n",
       "<g id=\"edge5\" class=\"edge\">\n",
       "<title>node139621670000264:c&#45;&gt;node139621679147480</title>\n",
       "<path fill=\"none\" stroke=\"#444443\" stroke-width=\".5\" d=\"M134.8471,-10C143.2401,-10 166.239,-10 190.3038,-10\"/>\n",
       "<ellipse fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" cx=\"133.1\" cy=\"-10\" rx=\"1.6\" ry=\"1.6\"/>\n",
       "<polygon fill=\"#444443\" stroke=\"#444443\" stroke-width=\".5\" points=\"190.4884,-11.4001 194.4884,-10 190.4884,-8.6001 190.4884,-11.4001\"/>\n",
       "</g>\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc3401f588>"
      ]
     },
     "execution_count": 50,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "objviz(anakin.items())"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "For complex numbers for instance?"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 74,
   "metadata": {},
   "outputs": [],
   "source": [
    "z = 1+4j"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 75,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "(1+4j)\n"
     ]
    }
   ],
   "source": [
    "print(z)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 77,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"118pt\" height=\"22pt\"\n",
       " viewBox=\"0.00 0.00 118.00 22.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 18)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-18 114,-18 114,4 -4,4\"/>\n",
       "<!-- node139621501117296 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621501117296</title>\n",
       "<text text-anchor=\"start\" x=\"2\" y=\"-4.8\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"9.00\" fill=\"#444443\">CANNOT HANDLE: type=...</text>\n",
       "</g>\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc29fba630>"
      ]
     },
     "execution_count": 77,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "objviz(z)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "OK, this fails."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Calls"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 55,
   "metadata": {},
   "outputs": [],
   "source": [
    "def factorial(n):\n",
    "    if n < 0: return 0\n",
    "    elif n == 0: return 1\n",
    "    else: return n * factorial(n - 1)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 57,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "0! = 1\n",
      "1! = 1\n",
      "2! = 2\n",
      "3! = 6\n",
      "4! = 24\n",
      "5! = 120\n",
      "6! = 720\n",
      "7! = 5040\n",
      "8! = 40320\n",
      "9! = 362880\n",
      "10! = 3628800\n",
      "11! = 39916800\n"
     ]
    }
   ],
   "source": [
    "for n in range(12):\n",
    "    print(f\"{n}! = {factorial(n)}\")"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "And now with some visualization:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "from IPython.display import display"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 72,
   "metadata": {},
   "outputs": [],
   "source": [
    "def factorial2(n):\n",
    "    display(callsviz(varnames=[\"n\"]))\n",
    "    if n < 0: return 0\n",
    "    elif n == 0: return 1\n",
    "    else: return n * factorial2(n - 1)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 73,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"57pt\" height=\"83pt\"\n",
       " viewBox=\"0.00 0.00 57.00 83.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 79)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-79 53,-79 53,4 -4,4\"/>\n",
       "<!-- node139621871104440 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621871104440</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"43.5,-75 5.5,-75 5.5,-41 43.5,-41 43.5,-75\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-59 7.5,-73 41.5,-73 41.5,-59 7.5,-59\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"7.5,-59 41.5,-59 \"/>\n",
       "<text text-anchor=\"start\" x=\"8.5\" y=\"-63.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">globals</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-57 7.5,-59 41.5,-59 41.5,-57 7.5,-57\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-43 7.5,-57 24.5,-57 24.5,-43 7.5,-43\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-43 24.5,-57 \"/>\n",
       "<text text-anchor=\"start\" x=\"13.5\" y=\"-47.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"26.5,-43 26.5,-57 41.5,-57 41.5,-43 26.5,-43\"/>\n",
       "<text text-anchor=\"start\" x=\"27.5\" y=\"-47.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 4</text>\n",
       "</g>\n",
       "<!-- node139621870916024 -->\n",
       "<g id=\"node2\" class=\"node\">\n",
       "<title>node139621870916024</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-34 0,-34 0,0 49,0 49,-34\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-18 2.5,-32 47.5,-32 47.5,-18 2.5,-18\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-18 47.5,-18 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-22.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-16 2.5,-18 47.5,-18 47.5,-16 2.5,-16\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-2 2.5,-16 24.5,-16 24.5,-2 2.5,-2\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-2 24.5,-16 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-6.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-2 29.5,-16 47.5,-16 47.5,-2 29.5,-2\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-6.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 4</text>\n",
       "</g>\n",
       "<!-- node139621871104440&#45;&gt;node139621870916024 -->\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc29fba6a0>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"57pt\" height=\"124pt\"\n",
       " viewBox=\"0.00 0.00 57.00 124.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 120)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-120 53,-120 53,4 -4,4\"/>\n",
       "<!-- node139621871104440 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621871104440</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"43.5,-116 5.5,-116 5.5,-82 43.5,-82 43.5,-116\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-100 7.5,-114 41.5,-114 41.5,-100 7.5,-100\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"7.5,-100 41.5,-100 \"/>\n",
       "<text text-anchor=\"start\" x=\"8.5\" y=\"-104.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">globals</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-98 7.5,-100 41.5,-100 41.5,-98 7.5,-98\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-84 7.5,-98 24.5,-98 24.5,-84 7.5,-84\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-84 24.5,-98 \"/>\n",
       "<text text-anchor=\"start\" x=\"13.5\" y=\"-88.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"26.5,-84 26.5,-98 41.5,-98 41.5,-84 26.5,-84\"/>\n",
       "<text text-anchor=\"start\" x=\"27.5\" y=\"-88.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 4</text>\n",
       "</g>\n",
       "<!-- node139621870916024 -->\n",
       "<g id=\"node2\" class=\"node\">\n",
       "<title>node139621870916024</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-75 0,-75 0,-41 49,-41 49,-75\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-59 2.5,-73 47.5,-73 47.5,-59 2.5,-59\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-59 47.5,-59 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-63.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-57 2.5,-59 47.5,-59 47.5,-57 2.5,-57\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-43 2.5,-57 24.5,-57 24.5,-43 2.5,-43\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-43 24.5,-57 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-47.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-43 29.5,-57 47.5,-57 47.5,-43 29.5,-43\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-47.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 4</text>\n",
       "</g>\n",
       "<!-- node139621871104440&#45;&gt;node139621870916024 -->\n",
       "<!-- node139621870950200 -->\n",
       "<g id=\"node3\" class=\"node\">\n",
       "<title>node139621870950200</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-34 0,-34 0,0 49,0 49,-34\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-18 2.5,-32 47.5,-32 47.5,-18 2.5,-18\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-18 47.5,-18 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-22.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-16 2.5,-18 47.5,-18 47.5,-16 2.5,-16\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-2 2.5,-16 24.5,-16 24.5,-2 2.5,-2\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-2 24.5,-16 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-6.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-2 29.5,-16 47.5,-16 47.5,-2 29.5,-2\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-6.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 3</text>\n",
       "</g>\n",
       "<!-- node139621870916024&#45;&gt;node139621870950200 -->\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc29fba2b0>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"57pt\" height=\"165pt\"\n",
       " viewBox=\"0.00 0.00 57.00 165.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 161)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-161 53,-161 53,4 -4,4\"/>\n",
       "<!-- node139621871104440 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621871104440</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"43.5,-157 5.5,-157 5.5,-123 43.5,-123 43.5,-157\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-141 7.5,-155 41.5,-155 41.5,-141 7.5,-141\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"7.5,-141 41.5,-141 \"/>\n",
       "<text text-anchor=\"start\" x=\"8.5\" y=\"-145.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">globals</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-139 7.5,-141 41.5,-141 41.5,-139 7.5,-139\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-125 7.5,-139 24.5,-139 24.5,-125 7.5,-125\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-125 24.5,-139 \"/>\n",
       "<text text-anchor=\"start\" x=\"13.5\" y=\"-129.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"26.5,-125 26.5,-139 41.5,-139 41.5,-125 26.5,-125\"/>\n",
       "<text text-anchor=\"start\" x=\"27.5\" y=\"-129.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 4</text>\n",
       "</g>\n",
       "<!-- node139621870916024 -->\n",
       "<g id=\"node2\" class=\"node\">\n",
       "<title>node139621870916024</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-116 0,-116 0,-82 49,-82 49,-116\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-100 2.5,-114 47.5,-114 47.5,-100 2.5,-100\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-100 47.5,-100 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-104.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-98 2.5,-100 47.5,-100 47.5,-98 2.5,-98\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-84 2.5,-98 24.5,-98 24.5,-84 2.5,-84\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-84 24.5,-98 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-88.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-84 29.5,-98 47.5,-98 47.5,-84 29.5,-84\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-88.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 4</text>\n",
       "</g>\n",
       "<!-- node139621871104440&#45;&gt;node139621870916024 -->\n",
       "<!-- node139621870950200 -->\n",
       "<g id=\"node3\" class=\"node\">\n",
       "<title>node139621870950200</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-75 0,-75 0,-41 49,-41 49,-75\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-59 2.5,-73 47.5,-73 47.5,-59 2.5,-59\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-59 47.5,-59 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-63.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-57 2.5,-59 47.5,-59 47.5,-57 2.5,-57\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-43 2.5,-57 24.5,-57 24.5,-43 2.5,-43\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-43 24.5,-57 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-47.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-43 29.5,-57 47.5,-57 47.5,-43 29.5,-43\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-47.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 3</text>\n",
       "</g>\n",
       "<!-- node139621870916024&#45;&gt;node139621870950200 -->\n",
       "<!-- node139621870776968 -->\n",
       "<g id=\"node4\" class=\"node\">\n",
       "<title>node139621870776968</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-34 0,-34 0,0 49,0 49,-34\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-18 2.5,-32 47.5,-32 47.5,-18 2.5,-18\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-18 47.5,-18 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-22.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-16 2.5,-18 47.5,-18 47.5,-16 2.5,-16\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-2 2.5,-16 24.5,-16 24.5,-2 2.5,-2\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-2 24.5,-16 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-6.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-2 29.5,-16 47.5,-16 47.5,-2 29.5,-2\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-6.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 2</text>\n",
       "</g>\n",
       "<!-- node139621870950200&#45;&gt;node139621870776968 -->\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc29fba2b0>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"57pt\" height=\"206pt\"\n",
       " viewBox=\"0.00 0.00 57.00 206.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 202)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-202 53,-202 53,4 -4,4\"/>\n",
       "<!-- node139621871104440 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621871104440</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"43.5,-198 5.5,-198 5.5,-164 43.5,-164 43.5,-198\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-182 7.5,-196 41.5,-196 41.5,-182 7.5,-182\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"7.5,-182 41.5,-182 \"/>\n",
       "<text text-anchor=\"start\" x=\"8.5\" y=\"-186.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">globals</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-180 7.5,-182 41.5,-182 41.5,-180 7.5,-180\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-166 7.5,-180 24.5,-180 24.5,-166 7.5,-166\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-166 24.5,-180 \"/>\n",
       "<text text-anchor=\"start\" x=\"13.5\" y=\"-170.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"26.5,-166 26.5,-180 41.5,-180 41.5,-166 26.5,-166\"/>\n",
       "<text text-anchor=\"start\" x=\"27.5\" y=\"-170.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 4</text>\n",
       "</g>\n",
       "<!-- node139621870916024 -->\n",
       "<g id=\"node2\" class=\"node\">\n",
       "<title>node139621870916024</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-157 0,-157 0,-123 49,-123 49,-157\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-141 2.5,-155 47.5,-155 47.5,-141 2.5,-141\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-141 47.5,-141 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-145.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-139 2.5,-141 47.5,-141 47.5,-139 2.5,-139\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-125 2.5,-139 24.5,-139 24.5,-125 2.5,-125\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-125 24.5,-139 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-129.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-125 29.5,-139 47.5,-139 47.5,-125 29.5,-125\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-129.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 4</text>\n",
       "</g>\n",
       "<!-- node139621871104440&#45;&gt;node139621870916024 -->\n",
       "<!-- node139621870950200 -->\n",
       "<g id=\"node3\" class=\"node\">\n",
       "<title>node139621870950200</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-116 0,-116 0,-82 49,-82 49,-116\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-100 2.5,-114 47.5,-114 47.5,-100 2.5,-100\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-100 47.5,-100 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-104.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-98 2.5,-100 47.5,-100 47.5,-98 2.5,-98\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-84 2.5,-98 24.5,-98 24.5,-84 2.5,-84\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-84 24.5,-98 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-88.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-84 29.5,-98 47.5,-98 47.5,-84 29.5,-84\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-88.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 3</text>\n",
       "</g>\n",
       "<!-- node139621870916024&#45;&gt;node139621870950200 -->\n",
       "<!-- node139621870776968 -->\n",
       "<g id=\"node4\" class=\"node\">\n",
       "<title>node139621870776968</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-75 0,-75 0,-41 49,-41 49,-75\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-59 2.5,-73 47.5,-73 47.5,-59 2.5,-59\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-59 47.5,-59 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-63.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-57 2.5,-59 47.5,-59 47.5,-57 2.5,-57\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-43 2.5,-57 24.5,-57 24.5,-43 2.5,-43\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-43 24.5,-57 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-47.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-43 29.5,-57 47.5,-57 47.5,-43 29.5,-43\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-47.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 2</text>\n",
       "</g>\n",
       "<!-- node139621870950200&#45;&gt;node139621870776968 -->\n",
       "<!-- node139621871111880 -->\n",
       "<g id=\"node5\" class=\"node\">\n",
       "<title>node139621871111880</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-34 0,-34 0,0 49,0 49,-34\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-18 2.5,-32 47.5,-32 47.5,-18 2.5,-18\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-18 47.5,-18 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-22.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-16 2.5,-18 47.5,-18 47.5,-16 2.5,-16\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-2 2.5,-16 24.5,-16 24.5,-2 2.5,-2\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-2 24.5,-16 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-6.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-2 29.5,-16 47.5,-16 47.5,-2 29.5,-2\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-6.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 1</text>\n",
       "</g>\n",
       "<!-- node139621870776968&#45;&gt;node139621871111880 -->\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc29fba630>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"57pt\" height=\"247pt\"\n",
       " viewBox=\"0.00 0.00 57.00 247.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 243)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-243 53,-243 53,4 -4,4\"/>\n",
       "<!-- node139621871104440 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139621871104440</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"43.5,-239 5.5,-239 5.5,-205 43.5,-205 43.5,-239\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-223 7.5,-237 41.5,-237 41.5,-223 7.5,-223\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"7.5,-223 41.5,-223 \"/>\n",
       "<text text-anchor=\"start\" x=\"8.5\" y=\"-227.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">globals</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-221 7.5,-223 41.5,-223 41.5,-221 7.5,-221\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"7.5,-207 7.5,-221 24.5,-221 24.5,-207 7.5,-207\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-207 24.5,-221 \"/>\n",
       "<text text-anchor=\"start\" x=\"13.5\" y=\"-211.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"26.5,-207 26.5,-221 41.5,-221 41.5,-207 26.5,-207\"/>\n",
       "<text text-anchor=\"start\" x=\"27.5\" y=\"-211.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 4</text>\n",
       "</g>\n",
       "<!-- node139621870916024 -->\n",
       "<g id=\"node2\" class=\"node\">\n",
       "<title>node139621870916024</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-198 0,-198 0,-164 49,-164 49,-198\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-182 2.5,-196 47.5,-196 47.5,-182 2.5,-182\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-182 47.5,-182 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-186.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-180 2.5,-182 47.5,-182 47.5,-180 2.5,-180\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-166 2.5,-180 24.5,-180 24.5,-166 2.5,-166\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-166 24.5,-180 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-170.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-166 29.5,-180 47.5,-180 47.5,-166 29.5,-166\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-170.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 4</text>\n",
       "</g>\n",
       "<!-- node139621871104440&#45;&gt;node139621870916024 -->\n",
       "<!-- node139621870950200 -->\n",
       "<g id=\"node3\" class=\"node\">\n",
       "<title>node139621870950200</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-157 0,-157 0,-123 49,-123 49,-157\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-141 2.5,-155 47.5,-155 47.5,-141 2.5,-141\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-141 47.5,-141 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-145.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-139 2.5,-141 47.5,-141 47.5,-139 2.5,-139\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-125 2.5,-139 24.5,-139 24.5,-125 2.5,-125\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-125 24.5,-139 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-129.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-125 29.5,-139 47.5,-139 47.5,-125 29.5,-125\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-129.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 3</text>\n",
       "</g>\n",
       "<!-- node139621870916024&#45;&gt;node139621870950200 -->\n",
       "<!-- node139621870776968 -->\n",
       "<g id=\"node4\" class=\"node\">\n",
       "<title>node139621870776968</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-116 0,-116 0,-82 49,-82 49,-116\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-100 2.5,-114 47.5,-114 47.5,-100 2.5,-100\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-100 47.5,-100 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-104.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-98 2.5,-100 47.5,-100 47.5,-98 2.5,-98\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-84 2.5,-98 24.5,-98 24.5,-84 2.5,-84\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-84 24.5,-98 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-88.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-84 29.5,-98 47.5,-98 47.5,-84 29.5,-84\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-88.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 2</text>\n",
       "</g>\n",
       "<!-- node139621870950200&#45;&gt;node139621870776968 -->\n",
       "<!-- node139621871111880 -->\n",
       "<g id=\"node5\" class=\"node\">\n",
       "<title>node139621871111880</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-75 0,-75 0,-41 49,-41 49,-75\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-59 2.5,-73 47.5,-73 47.5,-59 2.5,-59\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-59 47.5,-59 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-63.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-57 2.5,-59 47.5,-59 47.5,-57 2.5,-57\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-43 2.5,-57 24.5,-57 24.5,-43 2.5,-43\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-43 24.5,-57 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-47.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-43 29.5,-57 47.5,-57 47.5,-43 29.5,-43\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-47.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 1</text>\n",
       "</g>\n",
       "<!-- node139621870776968&#45;&gt;node139621871111880 -->\n",
       "<!-- node40808488 -->\n",
       "<g id=\"node6\" class=\"node\">\n",
       "<title>node40808488</title>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"#444443\" stroke-width=\".5\" points=\"49,-34 0,-34 0,0 49,0 49,-34\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-18 2.5,-32 47.5,-32 47.5,-18 2.5,-18\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"2.5,-18 47.5,-18 \"/>\n",
       "<text text-anchor=\"start\" x=\"3.5\" y=\"-22.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">factorial2</text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-16 2.5,-18 47.5,-18 47.5,-16 2.5,-16\"/>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"2.5,-2 2.5,-16 24.5,-16 24.5,-2 2.5,-2\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"24.5,-2 24.5,-16 \"/>\n",
       "<text text-anchor=\"start\" x=\"14.5\" y=\"-6.2\" font-family=\"Times,serif\" font-style=\"italic\" font-size=\"11.00\" fill=\"#444443\">n </text>\n",
       "<polygon fill=\"#d9e6f5\" stroke=\"transparent\" points=\"29.5,-2 29.5,-16 47.5,-16 47.5,-2 29.5,-2\"/>\n",
       "<text text-anchor=\"start\" x=\"30.5\" y=\"-6.2\" font-family=\"Helvetica,sans-Serif\" font-size=\"11.00\" fill=\"#444443\"> 0</text>\n",
       "</g>\n",
       "<!-- node139621871111880&#45;&gt;node40808488 -->\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc29fbab00>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "4! = 24\n"
     ]
    }
   ],
   "source": [
    "n = 4\n",
    "print(f\"{n}! = {factorial2(n)}\")"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "We really see the \"call stack\" as the system keeps track of the nested calls. I like that! 👌"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### String"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'0123456789abcdefABCDEF'"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import string\n",
    "string.hexdigits"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "image/svg+xml": [
       "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n",
       "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\"\n",
       " \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n",
       "<!-- Generated by graphviz version 2.40.1 (20161225.0304)\n",
       " -->\n",
       "<!-- Title: G Pages: 1 -->\n",
       "<svg width=\"268pt\" height=\"43pt\"\n",
       " viewBox=\"0.00 0.00 268.00 43.00\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n",
       "<g id=\"graph0\" class=\"graph\" transform=\"scale(1 1) rotate(0) translate(4 39)\">\n",
       "<title>G</title>\n",
       "<polygon fill=\"#ffffff\" stroke=\"transparent\" points=\"-4,4 -4,-39 264,-39 264,4 -4,4\"/>\n",
       "<!-- node139622250733760 -->\n",
       "<g id=\"node1\" class=\"node\">\n",
       "<title>node139622250733760</title>\n",
       "<polygon fill=\"#fefecd\" stroke=\"#444443\" stroke-width=\".5\" points=\"260,-35 0,-35 0,0 260,0 260,-35\"/>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"12,-18.5 12,-30.5 20,-30.5 20,-18.5 12,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"12,-18.5 20,-18.5 20,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"13\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"20,-18.5 20,-30.5 28,-30.5 28,-18.5 20,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"20,-18.5 28,-18.5 28,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"21\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"28,-18.5 28,-30.5 36,-30.5 36,-18.5 28,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"28,-18.5 36,-18.5 36,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"29\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"36,-18.5 36,-30.5 44,-30.5 44,-18.5 36,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"36,-18.5 44,-18.5 44,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"37\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">3</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"44,-18.5 44,-30.5 52,-30.5 52,-18.5 44,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"44,-18.5 52,-18.5 52,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"45\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">4</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"52,-18.5 52,-30.5 60,-30.5 60,-18.5 52,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"52,-18.5 60,-18.5 60,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"53\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">5</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"60,-18.5 60,-30.5 68,-30.5 68,-18.5 60,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"60,-18.5 68,-18.5 68,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"61\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">6</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"68,-18.5 68,-30.5 76,-30.5 76,-18.5 68,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"68,-18.5 76,-18.5 76,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"69\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">7</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"76,-18.5 76,-30.5 84,-30.5 84,-18.5 76,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"76,-18.5 84,-18.5 84,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"77\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">8</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"84,-18.5 84,-30.5 92,-30.5 92,-18.5 84,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"84,-18.5 92,-18.5 92,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"85\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">9</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"92,-18.5 92,-30.5 105,-30.5 105,-18.5 92,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"92,-18.5 105,-18.5 105,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"93\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">10</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"105,-18.5 105,-30.5 118,-30.5 118,-18.5 105,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"105,-18.5 118,-18.5 118,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"106\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">11</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"118,-18.5 118,-30.5 131,-30.5 131,-18.5 118,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"118,-18.5 131,-18.5 131,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"119\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">12</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"131,-18.5 131,-30.5 144,-30.5 144,-18.5 131,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"131,-18.5 144,-18.5 144,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"132\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">13</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"144,-18.5 144,-30.5 157,-30.5 157,-18.5 144,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"144,-18.5 157,-18.5 157,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"145\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">14</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"157,-18.5 157,-30.5 170,-30.5 170,-18.5 157,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"157,-18.5 170,-18.5 170,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"158\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">15</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"170,-18.5 170,-30.5 183,-30.5 183,-18.5 170,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"170,-18.5 183,-18.5 183,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"171\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">16</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"183,-18.5 183,-30.5 196,-30.5 196,-18.5 183,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"183,-18.5 196,-18.5 196,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"184\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">17</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"196,-18.5 196,-30.5 209,-30.5 209,-18.5 196,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"196,-18.5 209,-18.5 209,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"197\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">18</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"209,-18.5 209,-30.5 222,-30.5 222,-18.5 209,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"209,-18.5 222,-18.5 222,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"210\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">19</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"222,-18.5 222,-30.5 235,-30.5 235,-18.5 222,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"222,-18.5 235,-18.5 235,-30.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"223\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">20</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"235,-18.5 235,-30.5 248,-30.5 248,-18.5 235,-18.5\"/>\n",
       "<polyline fill=\"none\" stroke=\"#444443\" points=\"235,-18.5 248,-18.5 \"/>\n",
       "<text text-anchor=\"start\" x=\"236\" y=\"-22.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"9.00\" fill=\"#444443\">21</text>\n",
       "<text text-anchor=\"start\" x=\"8\" y=\"-7.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"14.00\" fill=\"#444443\">&#39;</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"12,-3.5 12,-18.5 20,-18.5 20,-3.5 12,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"12.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">0</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"20,-3.5 20,-18.5 28,-18.5 28,-3.5 20,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"20.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">1</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"28,-3.5 28,-18.5 36,-18.5 36,-3.5 28,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"28.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">2</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"36,-3.5 36,-18.5 44,-18.5 44,-3.5 36,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"36.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">3</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"44,-3.5 44,-18.5 52,-18.5 52,-3.5 44,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"44.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">4</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"52,-3.5 52,-18.5 60,-18.5 60,-3.5 52,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"52.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">5</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"60,-3.5 60,-18.5 68,-18.5 68,-3.5 60,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"60.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">6</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"68,-3.5 68,-18.5 76,-18.5 76,-3.5 68,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"68.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">7</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"76,-3.5 76,-18.5 84,-18.5 84,-3.5 76,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"76.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">8</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"84,-3.5 84,-18.5 92,-18.5 92,-3.5 84,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"84.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">9</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"92,-3.5 92,-18.5 105,-18.5 105,-3.5 92,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"95\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">a</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"105,-3.5 105,-18.5 118,-18.5 118,-3.5 105,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"108\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">b</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"118,-3.5 118,-18.5 131,-18.5 131,-3.5 118,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"121\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">c</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"131,-3.5 131,-18.5 144,-18.5 144,-3.5 131,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"134\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">d</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"144,-3.5 144,-18.5 157,-18.5 157,-3.5 144,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"147\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">e</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"157,-3.5 157,-18.5 170,-18.5 170,-3.5 157,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"161.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">f</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"170,-3.5 170,-18.5 183,-18.5 183,-3.5 170,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"172.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">A</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"183,-3.5 183,-18.5 196,-18.5 196,-3.5 183,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"185.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">B</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"196,-3.5 196,-18.5 209,-18.5 209,-3.5 196,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"198.5\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">C</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"209,-3.5 209,-18.5 222,-18.5 222,-3.5 209,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"211\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">D</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"222,-3.5 222,-18.5 235,-18.5 235,-3.5 222,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"225\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">E</text>\n",
       "<polygon fill=\"#fbfeb0\" stroke=\"transparent\" points=\"235,-3.5 235,-18.5 248,-18.5 248,-3.5 235,-3.5\"/>\n",
       "<text text-anchor=\"start\" x=\"238\" y=\"-8.2\" font-family=\"Monaco\" font-size=\"11.00\" fill=\"#444443\">F</text>\n",
       "<text text-anchor=\"start\" x=\"248\" y=\"-7.3\" font-family=\"Helvetica,sans-Serif\" font-size=\"14.00\" fill=\"#444443\">&#39;</text>\n",
       "</g>\n",
       "</g>\n",
       "</svg>\n"
      ],
      "text/plain": [
       "<graphviz.files.Source at 0x7efc3413ef60>"
      ]
     },
     "execution_count": 9,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "strviz(string.hexdigits)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Conclusion\n",
    "That's it. See [this other example](https://github.com/parrt/lolviz/blob/master/examples.ipynb) for more."
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.6.5"
  },
  "toc": {
   "colors": {
    "hover_highlight": "#DAA520",
    "running_highlight": "#FF0000",
    "selected_highlight": "#FFD700"
   },
   "moveMenuLeft": true,
   "nav_menu": {
    "height": "226px",
    "width": "252px"
   },
   "navigate_menu": true,
   "number_sections": true,
   "sideBar": false,
   "threshold": 4,
   "toc_cell": true,
   "toc_section_display": "block",
   "toc_window_display": true
  },
  "varInspector": {
   "cols": {
    "lenName": 16,
    "lenType": 16,
    "lenVar": 40
   },
   "kernels_config": {
    "python": {
     "delete_cmd_postfix": "",
     "delete_cmd_prefix": "del ",
     "library": "var_list.py",
     "varRefreshCmd": "print(var_dic_list())"
    },
    "r": {
     "delete_cmd_postfix": ") ",
     "delete_cmd_prefix": "rm(",
     "library": "var_list.r",
     "varRefreshCmd": "cat(var_dic_list()) "
    }
   },
   "types_to_exclude": [
    "module",
    "function",
    "builtin_function_or_method",
    "instance",
    "_Feature"
   ],
   "window_display": false
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}