{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "colab": {
      "name": "demoDibujaLista.ipynb",
      "provenance": [],
      "collapsed_sections": [
        "bSbNzegIgf-U",
        "_3cYDA9hhBE_"
      ]
    },
    "kernelspec": {
      "name": "python3",
      "display_name": "Python 3"
    }
  },
  "cells": [
    {
      "cell_type": "code",
      "metadata": {
        "id": "gt5J9bMmUQLO"
      },
      "source": [
        "from listaVisual import *\n",
        "l = crearLista"
      ],
      "execution_count": 35,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "Gnko-H9Rgjrc"
      },
      "source": [
        "# Ejemplos basicos con lista de str"
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "zGKkqfd8Uvyk",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 80
        },
        "outputId": "d6121917-ccd0-4119-c36c-5d0c9fc6ce4d"
      },
      "source": [
        "dibuja(listaVacia)"
      ],
      "execution_count": 18,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "<IPython.core.display.SVG object>"
            ],
            "image/svg+xml": "<svg height=\"44pt\" viewBox=\"0.00 0.00 110.69 44.00\" width=\"111pt\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<g class=\"graph\" id=\"graph0\" transform=\"scale(1 1) rotate(0) translate(4 40)\">\n<title>%3</title>\n<polygon fill=\"#ffffff\" points=\"-4,4 -4,-40 106.6909,-40 106.6909,4 -4,4\" stroke=\"transparent\"/>\n<!-- Lista Vacia -->\n<g class=\"node\" id=\"node1\">\n<title>Lista Vacia</title>\n<ellipse cx=\"51.3454\" cy=\"-18\" fill=\"none\" rx=\"51.1914\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"51.3454\" y=\"-14.3\">Lista Vacia</text>\n</g>\n</g>\n</svg>"
          },
          "metadata": {},
          "execution_count": 18
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "YirYQuj-UwKR",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 80
        },
        "outputId": "af2e96fe-da08-45f4-98f8-158a7295f762"
      },
      "source": [
        "dibuja(l(\"one\",None))"
      ],
      "execution_count": 19,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "<IPython.core.display.SVG object>"
            ],
            "image/svg+xml": "<svg height=\"44pt\" viewBox=\"0.00 0.00 62.00 44.00\" width=\"62pt\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<g class=\"graph\" id=\"graph0\" transform=\"scale(1 1) rotate(0) translate(4 40)\">\n<title>%3</title>\n<polygon fill=\"#ffffff\" points=\"-4,4 -4,-40 58,-40 58,4 -4,4\" stroke=\"transparent\"/>\n<!-- lista(valor=&#39;one&#39;, siguiente=None) -->\n<g class=\"node\" id=\"node1\">\n<title>lista(valor='one', siguiente=None)</title>\n<ellipse cx=\"27\" cy=\"-18\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"27\" y=\"-14.3\">one</text>\n</g>\n</g>\n</svg>"
          },
          "metadata": {},
          "execution_count": 19
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "Zt8Ly7jzVQ1h",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 175
        },
        "outputId": "c186e441-3e64-4c66-a30a-a2f50f7a1ac6"
      },
      "source": [
        "dibuja(l(\"one\",l(\"dva\",None)))"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "<IPython.core.display.SVG object>"
            ],
            "image/svg+xml": "<svg height=\"116pt\" viewBox=\"0.00 0.00 62.00 116.00\" width=\"62pt\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<g class=\"graph\" id=\"graph0\" transform=\"scale(1 1) rotate(0) translate(4 112)\">\n<title>%3</title>\n<polygon fill=\"#ffffff\" points=\"-4,4 -4,-112 58,-112 58,4 -4,4\" stroke=\"transparent\"/>\n<!-- lista(valor=&#39;one&#39;, siguiente=lista(valor=&#39;dva&#39;, siguiente=None)) -->\n<g class=\"node\" id=\"node1\">\n<title>lista(valor='one', siguiente=lista(valor='dva', siguiente=None))</title>\n<ellipse cx=\"27\" cy=\"-90\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"27\" y=\"-86.3\">one</text>\n</g>\n<!-- lista(valor=&#39;dva&#39;, siguiente=None) -->\n<g class=\"node\" id=\"node2\">\n<title>lista(valor='dva', siguiente=None)</title>\n<ellipse cx=\"27\" cy=\"-18\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"27\" y=\"-14.3\">dva</text>\n</g>\n<!-- lista(valor=&#39;one&#39;, siguiente=lista(valor=&#39;dva&#39;, siguiente=None))&#45;&gt;lista(valor=&#39;dva&#39;, siguiente=None) -->\n<g class=\"edge\" id=\"edge1\">\n<title>lista(valor='one', siguiente=lista(valor='dva', siguiente=None))-&gt;lista(valor='dva', siguiente=None)</title>\n<path d=\"M27,-71.8314C27,-64.131 27,-54.9743 27,-46.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"30.5001,-46.4132 27,-36.4133 23.5001,-46.4133 30.5001,-46.4132\" stroke=\"#000000\"/>\n</g>\n</g>\n</svg>"
          },
          "metadata": {
            "tags": []
          },
          "execution_count": 28
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "c9ohTzcIVxI9",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 271
        },
        "outputId": "317b5437-918f-4f07-c171-e544dddb4a47"
      },
      "source": [
        "lista = l(\"one\",l(\"dva\",l(\"trois\",None)))\n",
        "dibuja(lista)"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "<IPython.core.display.SVG object>"
            ],
            "image/svg+xml": "<svg height=\"188pt\" viewBox=\"0.00 0.00 62.00 188.00\" width=\"62pt\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<g class=\"graph\" id=\"graph0\" transform=\"scale(1 1) rotate(0) translate(4 184)\">\n<title>%3</title>\n<polygon fill=\"#ffffff\" points=\"-4,4 -4,-184 58,-184 58,4 -4,4\" stroke=\"transparent\"/>\n<!-- lista(valor=&#39;one&#39;, siguiente=lista(valor=&#39;dva&#39;, siguiente=lista(valor=&#39;trois&#39;, siguiente=None))) -->\n<g class=\"node\" id=\"node1\">\n<title>lista(valor='one', siguiente=lista(valor='dva', siguiente=lista(valor='trois', siguiente=None)))</title>\n<ellipse cx=\"27\" cy=\"-162\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"27\" y=\"-158.3\">one</text>\n</g>\n<!-- lista(valor=&#39;dva&#39;, siguiente=lista(valor=&#39;trois&#39;, siguiente=None)) -->\n<g class=\"node\" id=\"node2\">\n<title>lista(valor='dva', siguiente=lista(valor='trois', siguiente=None))</title>\n<ellipse cx=\"27\" cy=\"-90\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"27\" y=\"-86.3\">dva</text>\n</g>\n<!-- lista(valor=&#39;one&#39;, siguiente=lista(valor=&#39;dva&#39;, siguiente=lista(valor=&#39;trois&#39;, siguiente=None)))&#45;&gt;lista(valor=&#39;dva&#39;, siguiente=lista(valor=&#39;trois&#39;, siguiente=None)) -->\n<g class=\"edge\" id=\"edge1\">\n<title>lista(valor='one', siguiente=lista(valor='dva', siguiente=lista(valor='trois', siguiente=None)))-&gt;lista(valor='dva', siguiente=lista(valor='trois', siguiente=None))</title>\n<path d=\"M27,-143.8314C27,-136.131 27,-126.9743 27,-118.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"30.5001,-118.4132 27,-108.4133 23.5001,-118.4133 30.5001,-118.4132\" stroke=\"#000000\"/>\n</g>\n<!-- lista(valor=&#39;trois&#39;, siguiente=None) -->\n<g class=\"node\" id=\"node3\">\n<title>lista(valor='trois', siguiente=None)</title>\n<ellipse cx=\"27\" cy=\"-18\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"27\" y=\"-14.3\">trois</text>\n</g>\n<!-- lista(valor=&#39;dva&#39;, siguiente=lista(valor=&#39;trois&#39;, siguiente=None))&#45;&gt;lista(valor=&#39;trois&#39;, siguiente=None) -->\n<g class=\"edge\" id=\"edge2\">\n<title>lista(valor='dva', siguiente=lista(valor='trois', siguiente=None))-&gt;lista(valor='trois', siguiente=None)</title>\n<path d=\"M27,-71.8314C27,-64.131 27,-54.9743 27,-46.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"30.5001,-46.4132 27,-36.4133 23.5001,-46.4133 30.5001,-46.4132\" stroke=\"#000000\"/>\n</g>\n</g>\n</svg>"
          },
          "metadata": {
            "tags": []
          },
          "execution_count": 27
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "id": "QN3ICFsraLH4",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 463
        },
        "outputId": "d4c89f0a-1ff1-4d4a-c1a9-e17a5053597e"
      },
      "source": [
        "dibuja(lista,dibuja_puntero_inicial=True,dibuja_puntero_vacillo=True)"
      ],
      "execution_count": null,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "<IPython.core.display.SVG object>"
            ],
            "image/svg+xml": "<svg height=\"332pt\" viewBox=\"0.00 0.00 136.69 332.00\" width=\"137pt\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<g class=\"graph\" id=\"graph0\" transform=\"scale(1 1) rotate(0) translate(4 328)\">\n<title>%3</title>\n<polygon fill=\"#ffffff\" points=\"-4,4 -4,-328 132.6886,-328 132.6886,4 -4,4\" stroke=\"transparent\"/>\n<!-- lista(valor=&#39;one&#39;, siguiente=lista(valor=&#39;dva&#39;, siguiente=lista(valor=&#39;trois&#39;, siguiente=None))) -->\n<g class=\"node\" id=\"node1\">\n<title>lista(valor='one', siguiente=lista(valor='dva', siguiente=lista(valor='trois', siguiente=None)))</title>\n<ellipse cx=\"64.3443\" cy=\"-234\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-230.3\">one</text>\n</g>\n<!-- lista(valor=&#39;dva&#39;, siguiente=lista(valor=&#39;trois&#39;, siguiente=None)) -->\n<g class=\"node\" id=\"node3\">\n<title>lista(valor='dva', siguiente=lista(valor='trois', siguiente=None))</title>\n<ellipse cx=\"64.3443\" cy=\"-162\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-158.3\">dva</text>\n</g>\n<!-- lista(valor=&#39;one&#39;, siguiente=lista(valor=&#39;dva&#39;, siguiente=lista(valor=&#39;trois&#39;, siguiente=None)))&#45;&gt;lista(valor=&#39;dva&#39;, siguiente=lista(valor=&#39;trois&#39;, siguiente=None)) -->\n<g class=\"edge\" id=\"edge2\">\n<title>lista(valor='one', siguiente=lista(valor='dva', siguiente=lista(valor='trois', siguiente=None)))-&gt;lista(valor='dva', siguiente=lista(valor='trois', siguiente=None))</title>\n<path d=\"M64.3443,-215.8314C64.3443,-208.131 64.3443,-198.9743 64.3443,-190.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"67.8444,-190.4132 64.3443,-180.4133 60.8444,-190.4133 67.8444,-190.4132\" stroke=\"#000000\"/>\n</g>\n<!-- puntero inicial -->\n<g class=\"node\" id=\"node2\">\n<title>puntero inicial</title>\n<ellipse cx=\"64.3443\" cy=\"-306\" fill=\"none\" rx=\"64.189\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-302.3\">puntero inicial</text>\n</g>\n<!-- puntero inicial&#45;&gt;lista(valor=&#39;one&#39;, siguiente=lista(valor=&#39;dva&#39;, siguiente=lista(valor=&#39;trois&#39;, siguiente=None))) -->\n<g class=\"edge\" id=\"edge1\">\n<title>puntero inicial-&gt;lista(valor='one', siguiente=lista(valor='dva', siguiente=lista(valor='trois', siguiente=None)))</title>\n<path d=\"M64.3443,-287.8314C64.3443,-280.131 64.3443,-270.9743 64.3443,-262.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"67.8444,-262.4132 64.3443,-252.4133 60.8444,-262.4133 67.8444,-262.4132\" stroke=\"#000000\"/>\n</g>\n<!-- lista(valor=&#39;trois&#39;, siguiente=None) -->\n<g class=\"node\" id=\"node4\">\n<title>lista(valor='trois', siguiente=None)</title>\n<ellipse cx=\"64.3443\" cy=\"-90\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-86.3\">trois</text>\n</g>\n<!-- lista(valor=&#39;dva&#39;, siguiente=lista(valor=&#39;trois&#39;, siguiente=None))&#45;&gt;lista(valor=&#39;trois&#39;, siguiente=None) -->\n<g class=\"edge\" id=\"edge3\">\n<title>lista(valor='dva', siguiente=lista(valor='trois', siguiente=None))-&gt;lista(valor='trois', siguiente=None)</title>\n<path d=\"M64.3443,-143.8314C64.3443,-136.131 64.3443,-126.9743 64.3443,-118.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"67.8444,-118.4132 64.3443,-108.4133 60.8444,-118.4133 67.8444,-118.4132\" stroke=\"#000000\"/>\n</g>\n<!-- lista vacia -->\n<g class=\"node\" id=\"node5\">\n<title>lista vacia</title>\n<ellipse cx=\"64.3443\" cy=\"-18\" fill=\"none\" rx=\"46.5926\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-14.3\">lista vacia</text>\n</g>\n<!-- lista(valor=&#39;trois&#39;, siguiente=None)&#45;&gt;lista vacia -->\n<g class=\"edge\" id=\"edge4\">\n<title>lista(valor='trois', siguiente=None)-&gt;lista vacia</title>\n<path d=\"M64.3443,-71.8314C64.3443,-64.131 64.3443,-54.9743 64.3443,-46.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"67.8444,-46.4132 64.3443,-36.4133 60.8444,-46.4133 67.8444,-46.4132\" stroke=\"#000000\"/>\n</g>\n</g>\n</svg>"
          },
          "metadata": {
            "tags": []
          },
          "execution_count": 29
        }
      ]
    },
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "bSbNzegIgf-U"
      },
      "source": [
        "# Con objetos simples que no son str"
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 272
        },
        "id": "EjLgxCZ0cnvD",
        "outputId": "ca455ab1-de62-4a5c-c9a8-3ec854f7de4d"
      },
      "source": [
        "lista_de_numeros = l(1,l(2,l(3,None)))\n",
        "dibuja(lista_de_numeros)"
      ],
      "execution_count": 24,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "<IPython.core.display.SVG object>"
            ],
            "image/svg+xml": "<svg height=\"188pt\" viewBox=\"0.00 0.00 62.00 188.00\" width=\"62pt\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<g class=\"graph\" id=\"graph0\" transform=\"scale(1 1) rotate(0) translate(4 184)\">\n<title>%3</title>\n<polygon fill=\"#ffffff\" points=\"-4,4 -4,-184 58,-184 58,4 -4,4\" stroke=\"transparent\"/>\n<!-- lista(valor=1, siguiente=lista(valor=2, siguiente=lista(valor=3, siguiente=None))) -->\n<g class=\"node\" id=\"node1\">\n<title>lista(valor=1, siguiente=lista(valor=2, siguiente=lista(valor=3, siguiente=None)))</title>\n<ellipse cx=\"27\" cy=\"-162\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"27\" y=\"-158.3\">1</text>\n</g>\n<!-- lista(valor=2, siguiente=lista(valor=3, siguiente=None)) -->\n<g class=\"node\" id=\"node2\">\n<title>lista(valor=2, siguiente=lista(valor=3, siguiente=None))</title>\n<ellipse cx=\"27\" cy=\"-90\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"27\" y=\"-86.3\">2</text>\n</g>\n<!-- lista(valor=1, siguiente=lista(valor=2, siguiente=lista(valor=3, siguiente=None)))&#45;&gt;lista(valor=2, siguiente=lista(valor=3, siguiente=None)) -->\n<g class=\"edge\" id=\"edge1\">\n<title>lista(valor=1, siguiente=lista(valor=2, siguiente=lista(valor=3, siguiente=None)))-&gt;lista(valor=2, siguiente=lista(valor=3, siguiente=None))</title>\n<path d=\"M27,-143.8314C27,-136.131 27,-126.9743 27,-118.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"30.5001,-118.4132 27,-108.4133 23.5001,-118.4133 30.5001,-118.4132\" stroke=\"#000000\"/>\n</g>\n<!-- lista(valor=3, siguiente=None) -->\n<g class=\"node\" id=\"node3\">\n<title>lista(valor=3, siguiente=None)</title>\n<ellipse cx=\"27\" cy=\"-18\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"27\" y=\"-14.3\">3</text>\n</g>\n<!-- lista(valor=2, siguiente=lista(valor=3, siguiente=None))&#45;&gt;lista(valor=3, siguiente=None) -->\n<g class=\"edge\" id=\"edge2\">\n<title>lista(valor=2, siguiente=lista(valor=3, siguiente=None))-&gt;lista(valor=3, siguiente=None)</title>\n<path d=\"M27,-71.8314C27,-64.131 27,-54.9743 27,-46.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"30.5001,-46.4132 27,-36.4133 23.5001,-46.4133 30.5001,-46.4132\" stroke=\"#000000\"/>\n</g>\n</g>\n</svg>"
          },
          "metadata": {},
          "execution_count": 24
        }
      ]
    },
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "_3cYDA9hhBE_"
      },
      "source": [
        "# Con objetos mas complejos que no definieron str"
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 194
        },
        "id": "AmFJf_FPhFXv",
        "outputId": "e84c71d8-73f9-4ee4-95f8-90266b089c46"
      },
      "source": [
        "estructura.crear(\"record\", \"first_name last_name\")\n",
        "first_record = record(first_name=\"Jérémy\", last_name=\"Barbay\")\n",
        "second_record = record(first_name=\"Cynthia\", last_name=\"Vega\")\n",
        "lista_de_records = l(first_record,l(second_record,None))\n",
        "print(lista_de_records)\n",
        "dibuja(lista_de_records)"
      ],
      "execution_count": 43,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "lista(valor=record(first_name='Jérémy', last_name='Barbay'), siguiente=lista(valor=record(first_name='Cynthia', last_name='Vega'), siguiente=None))\n"
          ]
        },
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "<IPython.core.display.SVG object>"
            ],
            "image/svg+xml": "<svg height=\"116pt\" viewBox=\"0.00 0.00 388.87 116.00\" width=\"389pt\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<g class=\"graph\" id=\"graph0\" transform=\"scale(1 1) rotate(0) translate(4 112)\">\n<title>%3</title>\n<polygon fill=\"#ffffff\" points=\"-4,4 -4,-112 384.8662,-112 384.8662,4 -4,4\" stroke=\"transparent\"/>\n<!-- lista(valor=record(first_name=&#39;Jérémy&#39;, last_name=&#39;Barbay&#39;), siguiente=lista(valor=record(first_name=&#39;Cynthia&#39;, last_name=&#39;Vega&#39;), siguiente=None)) -->\n<g class=\"node\" id=\"node1\">\n<title>lista(valor=record(first_name='Jérémy', last_name='Barbay'), siguiente=lista(valor=record(first_name='Cynthia', last_name='Vega'), siguiente=None))</title>\n<ellipse cx=\"190.4331\" cy=\"-90\" fill=\"none\" rx=\"190.3662\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"190.4331\" y=\"-86.3\">record(first_name='Jérémy', last_name='Barbay')</text>\n</g>\n<!-- lista(valor=record(first_name=&#39;Cynthia&#39;, last_name=&#39;Vega&#39;), siguiente=None) -->\n<g class=\"node\" id=\"node2\">\n<title>lista(valor=record(first_name='Cynthia', last_name='Vega'), siguiente=None)</title>\n<ellipse cx=\"190.4331\" cy=\"-18\" fill=\"none\" rx=\"185.7671\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"190.4331\" y=\"-14.3\">record(first_name='Cynthia', last_name='Vega')</text>\n</g>\n<!-- lista(valor=record(first_name=&#39;Jérémy&#39;, last_name=&#39;Barbay&#39;), siguiente=lista(valor=record(first_name=&#39;Cynthia&#39;, last_name=&#39;Vega&#39;), siguiente=None))&#45;&gt;lista(valor=record(first_name=&#39;Cynthia&#39;, last_name=&#39;Vega&#39;), siguiente=None) -->\n<g class=\"edge\" id=\"edge1\">\n<title>lista(valor=record(first_name='Jérémy', last_name='Barbay'), siguiente=lista(valor=record(first_name='Cynthia', last_name='Vega'), siguiente=None))-&gt;lista(valor=record(first_name='Cynthia', last_name='Vega'), siguiente=None)</title>\n<path d=\"M190.4331,-71.8314C190.4331,-64.131 190.4331,-54.9743 190.4331,-46.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"193.9332,-46.4132 190.4331,-36.4133 186.9332,-46.4133 193.9332,-46.4132\" stroke=\"#000000\"/>\n</g>\n</g>\n</svg>"
          },
          "metadata": {},
          "execution_count": 43
        }
      ]
    },
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "gNAEpvfQhqWA"
      },
      "source": [
        "# Con objetos mas complejos que definieron str"
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 194
        },
        "id": "hq3qQuHKhtjV",
        "outputId": "8c148cf0-8502-42e2-8990-5a61443a1cfb"
      },
      "source": [
        "class record:\n",
        "  def __init__(self, parameter_first_name, parameter_last_name):\n",
        "    self.first_name = parameter_first_name\n",
        "    self.last_name = parameter_last_name\n",
        "  def __str__(self):\n",
        "    return \"(\"+str(self.first_name)+\", \"+str(self.last_name)+\")\"\n",
        "\n",
        "first_record = record(parameter_first_name=\"Jérémy\", parameter_last_name=\"Barbay\")\n",
        "second_record = record(parameter_first_name=\"Cynthia\", parameter_last_name=\"Vega\")\n",
        "lista_de_records = l(first_record,l(second_record,None))\n",
        "print(lista_de_records)\n",
        "dibuja(lista_de_records,dibuja_puntero_inicial=True,dibuja_puntero_vacillo=True)"
      ],
      "execution_count": 56,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "lista(valor=<__main__.record object at 0x7f0fd18d4450>, siguiente=lista(valor=<__main__.record object at 0x7f0fd18d42d0>, siguiente=None))\n"
          ]
        },
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "<IPython.core.display.SVG object>"
            ],
            "image/svg+xml": "<svg height=\"116pt\" viewBox=\"0.00 0.00 296.64 116.00\" width=\"297pt\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<g class=\"graph\" id=\"graph0\" transform=\"scale(1 1) rotate(0) translate(4 112)\">\n<title>%3</title>\n<polygon fill=\"#ffffff\" points=\"-4,4 -4,-112 292.6373,-112 292.6373,4 -4,4\" stroke=\"transparent\"/>\n<!-- lista(valor=&lt;__main__.record object at 0x7f0fd18d4450&gt;, siguiente=lista(valor=&lt;__main__.record object at 0x7f0fd18d42d0&gt;, siguiente=None)) -->\n<g class=\"node\" id=\"node1\">\n<title>lista(valor=&lt;__main__.record object at 0x7f0fd18d4450&gt;, siguiente=lista(valor=&lt;__main__.record object at 0x7f0fd18d42d0&gt;, siguiente=None))</title>\n<ellipse cx=\"74.0934\" cy=\"-18\" fill=\"none\" rx=\"74.187\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"74.0934\" y=\"-14.3\">(Jérémy, Barbay)</text>\n</g>\n<!-- puntero inicial -->\n<g class=\"node\" id=\"node2\">\n<title>puntero inicial</title>\n<ellipse cx=\"67.0934\" cy=\"-90\" fill=\"none\" rx=\"64.189\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"67.0934\" y=\"-86.3\">puntero inicial</text>\n</g>\n<!-- puntero inicial&#45;&gt;lista(valor=&lt;__main__.record object at 0x7f0fd18d4450&gt;, siguiente=lista(valor=&lt;__main__.record object at 0x7f0fd18d42d0&gt;, siguiente=None)) -->\n<g class=\"edge\" id=\"edge1\">\n<title>puntero inicial-&gt;lista(valor=&lt;__main__.record object at 0x7f0fd18d4450&gt;, siguiente=lista(valor=&lt;__main__.record object at 0x7f0fd18d42d0&gt;, siguiente=None))</title>\n<path d=\"M68.8598,-71.8314C69.6085,-64.131 70.4987,-54.9743 71.3307,-46.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"74.8191,-46.7051 72.3032,-36.4133 67.8519,-46.0276 74.8191,-46.7051\" stroke=\"#000000\"/>\n</g>\n<!-- lista(valor=&lt;__main__.record object at 0x7f0fd18d42d0&gt;, siguiente=None) -->\n<g class=\"node\" id=\"node3\">\n<title>lista(valor=&lt;__main__.record object at 0x7f0fd18d42d0&gt;, siguiente=None)</title>\n<ellipse cx=\"219.0934\" cy=\"-90\" fill=\"none\" rx=\"69.5877\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"219.0934\" y=\"-86.3\">(Cynthia, Vega)</text>\n</g>\n<!-- lista(valor=&lt;__main__.record object at 0x7f0fd18d42d0&gt;, siguiente=None)&#45;&gt;lista(valor=&lt;__main__.record object at 0x7f0fd18d4450&gt;, siguiente=lista(valor=&lt;__main__.record object at 0x7f0fd18d42d0&gt;, siguiente=None)) -->\n<g class=\"edge\" id=\"edge2\">\n<title>lista(valor=&lt;__main__.record object at 0x7f0fd18d42d0&gt;, siguiente=None)-&gt;lista(valor=&lt;__main__.record object at 0x7f0fd18d4450&gt;, siguiente=lista(valor=&lt;__main__.record object at 0x7f0fd18d42d0&gt;, siguiente=None))</title>\n<path d=\"M186.9132,-74.0209C165.9407,-63.6069 138.3678,-49.9155 115.7306,-38.675\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"117.1983,-35.4961 106.6851,-34.1834 114.0851,-41.7657 117.1983,-35.4961\" stroke=\"#000000\"/>\n</g>\n<!-- lista vacia -->\n<g class=\"node\" id=\"node4\">\n<title>lista vacia</title>\n<ellipse cx=\"219.0934\" cy=\"-18\" fill=\"none\" rx=\"46.5926\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"219.0934\" y=\"-14.3\">lista vacia</text>\n</g>\n<!-- lista(valor=&lt;__main__.record object at 0x7f0fd18d42d0&gt;, siguiente=None)&#45;&gt;lista vacia -->\n<g class=\"edge\" id=\"edge3\">\n<title>lista(valor=&lt;__main__.record object at 0x7f0fd18d42d0&gt;, siguiente=None)-&gt;lista vacia</title>\n<path d=\"M219.0934,-71.8314C219.0934,-64.131 219.0934,-54.9743 219.0934,-46.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"222.5935,-46.4132 219.0934,-36.4133 215.5935,-46.4133 222.5935,-46.4132\" stroke=\"#000000\"/>\n</g>\n</g>\n</svg>"
          },
          "metadata": {},
          "execution_count": 56
        }
      ]
    },
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "OUOVTjYTkNAd"
      },
      "source": [
        "# El codigo que agrega el modulo listaVisual a lista (por si le quieren ver y optimizar directamento aqui)"
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 752
        },
        "id": "QVyvY2iIgzG0",
        "outputId": "480c7b83-5d18-4d1f-d01d-09277935755f"
      },
      "source": [
        "def dibuja(lista, dibuja_puntero_vacillo = False, dibuja_puntero_inicial = False):\n",
        "  \"\"\"Dibuja una lista en svg.\n",
        "  Si `dibuja_puntero_inicial` esta True, dibuja un nodo con el puntero inicial.\n",
        "  Si `dibuja_puntero_vacillo` esta True, dibuja un nodo \"lista vacilla\" al final de la lista.\n",
        "\n",
        "  Jérémy 'Le JyBy' Barbay, jeremy@barbay.cl\n",
        "  \"\"\"\n",
        "  display = graphviz.Digraph()\n",
        "  display.format = 'svg'\n",
        "  if vacia(lista):\n",
        "    display.node(\"Lista Vacia\")\n",
        "  else:\n",
        "    display.node(name=repr(lista), label=str(cabeza(lista)))\n",
        "    if dibuja_puntero_inicial:\n",
        "      display.node(\"puntero inicial\")\n",
        "      display.edge(\"puntero inicial\",repr(lista))\n",
        "    while not vacia(cola(lista)):\n",
        "       display.node(name=repr(cola(lista)), label=str(cabeza(cola(lista))))\n",
        "       display.edge(tail_name = repr(lista),head_name = repr(cola(lista)))\n",
        "       lista = cola(lista)\n",
        "    if dibuja_puntero_vacillo:\n",
        "      display.node(\"lista vacia\")\n",
        "      display.edge(repr(lista),\"lista vacia\")\n",
        "  svg = display.pipe().decode('utf-8')\n",
        "  return SVG(svg)\n",
        "\n",
        "\n",
        "dibuja(l(1,l(\"deux\",l(\"tres\",l(\"tchetirie\",l(\"five\",l((6,7,8),None)))))),dibuja_puntero_inicial=True,dibuja_puntero_vacillo=True)"
      ],
      "execution_count": 63,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "<IPython.core.display.SVG object>"
            ],
            "image/svg+xml": "<svg height=\"548pt\" viewBox=\"0.00 0.00 136.69 548.00\" width=\"137pt\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<g class=\"graph\" id=\"graph0\" transform=\"scale(1 1) rotate(0) translate(4 544)\">\n<title>%3</title>\n<polygon fill=\"#ffffff\" points=\"-4,4 -4,-544 132.6886,-544 132.6886,4 -4,4\" stroke=\"transparent\"/>\n<!-- lista(valor=1, siguiente=lista(valor=&#39;deux&#39;, siguiente=lista(valor=&#39;tres&#39;, siguiente=lista(valor=&#39;tchetirie&#39;, siguiente=lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None)))))) -->\n<g class=\"node\" id=\"node1\">\n<title>lista(valor=1, siguiente=lista(valor='deux', siguiente=lista(valor='tres', siguiente=lista(valor='tchetirie', siguiente=lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None))))))</title>\n<ellipse cx=\"64.3443\" cy=\"-450\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-446.3\">1</text>\n</g>\n<!-- lista(valor=&#39;deux&#39;, siguiente=lista(valor=&#39;tres&#39;, siguiente=lista(valor=&#39;tchetirie&#39;, siguiente=lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None))))) -->\n<g class=\"node\" id=\"node3\">\n<title>lista(valor='deux', siguiente=lista(valor='tres', siguiente=lista(valor='tchetirie', siguiente=lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None)))))</title>\n<ellipse cx=\"64.3443\" cy=\"-378\" fill=\"none\" rx=\"29.4969\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-374.3\">deux</text>\n</g>\n<!-- lista(valor=1, siguiente=lista(valor=&#39;deux&#39;, siguiente=lista(valor=&#39;tres&#39;, siguiente=lista(valor=&#39;tchetirie&#39;, siguiente=lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None))))))&#45;&gt;lista(valor=&#39;deux&#39;, siguiente=lista(valor=&#39;tres&#39;, siguiente=lista(valor=&#39;tchetirie&#39;, siguiente=lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None))))) -->\n<g class=\"edge\" id=\"edge2\">\n<title>lista(valor=1, siguiente=lista(valor='deux', siguiente=lista(valor='tres', siguiente=lista(valor='tchetirie', siguiente=lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None))))))-&gt;lista(valor='deux', siguiente=lista(valor='tres', siguiente=lista(valor='tchetirie', siguiente=lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None)))))</title>\n<path d=\"M64.3443,-431.8314C64.3443,-424.131 64.3443,-414.9743 64.3443,-406.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"67.8444,-406.4132 64.3443,-396.4133 60.8444,-406.4133 67.8444,-406.4132\" stroke=\"#000000\"/>\n</g>\n<!-- puntero inicial -->\n<g class=\"node\" id=\"node2\">\n<title>puntero inicial</title>\n<ellipse cx=\"64.3443\" cy=\"-522\" fill=\"none\" rx=\"64.189\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-518.3\">puntero inicial</text>\n</g>\n<!-- puntero inicial&#45;&gt;lista(valor=1, siguiente=lista(valor=&#39;deux&#39;, siguiente=lista(valor=&#39;tres&#39;, siguiente=lista(valor=&#39;tchetirie&#39;, siguiente=lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None)))))) -->\n<g class=\"edge\" id=\"edge1\">\n<title>puntero inicial-&gt;lista(valor=1, siguiente=lista(valor='deux', siguiente=lista(valor='tres', siguiente=lista(valor='tchetirie', siguiente=lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None))))))</title>\n<path d=\"M64.3443,-503.8314C64.3443,-496.131 64.3443,-486.9743 64.3443,-478.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"67.8444,-478.4132 64.3443,-468.4133 60.8444,-478.4133 67.8444,-478.4132\" stroke=\"#000000\"/>\n</g>\n<!-- lista(valor=&#39;tres&#39;, siguiente=lista(valor=&#39;tchetirie&#39;, siguiente=lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None)))) -->\n<g class=\"node\" id=\"node4\">\n<title>lista(valor='tres', siguiente=lista(valor='tchetirie', siguiente=lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None))))</title>\n<ellipse cx=\"64.3443\" cy=\"-306\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-302.3\">tres</text>\n</g>\n<!-- lista(valor=&#39;deux&#39;, siguiente=lista(valor=&#39;tres&#39;, siguiente=lista(valor=&#39;tchetirie&#39;, siguiente=lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None)))))&#45;&gt;lista(valor=&#39;tres&#39;, siguiente=lista(valor=&#39;tchetirie&#39;, siguiente=lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None)))) -->\n<g class=\"edge\" id=\"edge3\">\n<title>lista(valor='deux', siguiente=lista(valor='tres', siguiente=lista(valor='tchetirie', siguiente=lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None)))))-&gt;lista(valor='tres', siguiente=lista(valor='tchetirie', siguiente=lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None))))</title>\n<path d=\"M64.3443,-359.8314C64.3443,-352.131 64.3443,-342.9743 64.3443,-334.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"67.8444,-334.4132 64.3443,-324.4133 60.8444,-334.4133 67.8444,-334.4132\" stroke=\"#000000\"/>\n</g>\n<!-- lista(valor=&#39;tchetirie&#39;, siguiente=lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None))) -->\n<g class=\"node\" id=\"node5\">\n<title>lista(valor='tchetirie', siguiente=lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None)))</title>\n<ellipse cx=\"64.3443\" cy=\"-234\" fill=\"none\" rx=\"40.0939\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-230.3\">tchetirie</text>\n</g>\n<!-- lista(valor=&#39;tres&#39;, siguiente=lista(valor=&#39;tchetirie&#39;, siguiente=lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None))))&#45;&gt;lista(valor=&#39;tchetirie&#39;, siguiente=lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None))) -->\n<g class=\"edge\" id=\"edge4\">\n<title>lista(valor='tres', siguiente=lista(valor='tchetirie', siguiente=lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None))))-&gt;lista(valor='tchetirie', siguiente=lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None)))</title>\n<path d=\"M64.3443,-287.8314C64.3443,-280.131 64.3443,-270.9743 64.3443,-262.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"67.8444,-262.4132 64.3443,-252.4133 60.8444,-262.4133 67.8444,-262.4132\" stroke=\"#000000\"/>\n</g>\n<!-- lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None)) -->\n<g class=\"node\" id=\"node6\">\n<title>lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None))</title>\n<ellipse cx=\"64.3443\" cy=\"-162\" fill=\"none\" rx=\"27\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-158.3\">five</text>\n</g>\n<!-- lista(valor=&#39;tchetirie&#39;, siguiente=lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None)))&#45;&gt;lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None)) -->\n<g class=\"edge\" id=\"edge5\">\n<title>lista(valor='tchetirie', siguiente=lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None)))-&gt;lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None))</title>\n<path d=\"M64.3443,-215.8314C64.3443,-208.131 64.3443,-198.9743 64.3443,-190.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"67.8444,-190.4132 64.3443,-180.4133 60.8444,-190.4133 67.8444,-190.4132\" stroke=\"#000000\"/>\n</g>\n<!-- lista(valor=(6, 7, 8), siguiente=None) -->\n<g class=\"node\" id=\"node7\">\n<title>lista(valor=(6, 7, 8), siguiente=None)</title>\n<ellipse cx=\"64.3443\" cy=\"-90\" fill=\"none\" rx=\"40.8928\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-86.3\">(6, 7, 8)</text>\n</g>\n<!-- lista(valor=&#39;five&#39;, siguiente=lista(valor=(6, 7, 8), siguiente=None))&#45;&gt;lista(valor=(6, 7, 8), siguiente=None) -->\n<g class=\"edge\" id=\"edge6\">\n<title>lista(valor='five', siguiente=lista(valor=(6, 7, 8), siguiente=None))-&gt;lista(valor=(6, 7, 8), siguiente=None)</title>\n<path d=\"M64.3443,-143.8314C64.3443,-136.131 64.3443,-126.9743 64.3443,-118.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"67.8444,-118.4132 64.3443,-108.4133 60.8444,-118.4133 67.8444,-118.4132\" stroke=\"#000000\"/>\n</g>\n<!-- lista vacia -->\n<g class=\"node\" id=\"node8\">\n<title>lista vacia</title>\n<ellipse cx=\"64.3443\" cy=\"-18\" fill=\"none\" rx=\"46.5926\" ry=\"18\" stroke=\"#000000\"/>\n<text fill=\"#000000\" font-family=\"Times,serif\" font-size=\"14.00\" text-anchor=\"middle\" x=\"64.3443\" y=\"-14.3\">lista vacia</text>\n</g>\n<!-- lista(valor=(6, 7, 8), siguiente=None)&#45;&gt;lista vacia -->\n<g class=\"edge\" id=\"edge7\">\n<title>lista(valor=(6, 7, 8), siguiente=None)-&gt;lista vacia</title>\n<path d=\"M64.3443,-71.8314C64.3443,-64.131 64.3443,-54.9743 64.3443,-46.4166\" fill=\"none\" stroke=\"#000000\"/>\n<polygon fill=\"#000000\" points=\"67.8444,-46.4132 64.3443,-36.4133 60.8444,-46.4133 67.8444,-46.4132\" stroke=\"#000000\"/>\n</g>\n</g>\n</svg>"
          },
          "metadata": {},
          "execution_count": 63
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "3K-f4SjsmPUZ",
        "outputId": "83d53568-b432-44e2-89ab-04c007bca299"
      },
      "source": [
        "display = graphviz.Digraph()\n",
        "display.format = 'svg'\n",
        "help(display.node)"
      ],
      "execution_count": 48,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "Help on method node in module graphviz.dot:\n",
            "\n",
            "node(name, label=None, _attributes=None, **attrs) method of graphviz.dot.Digraph instance\n",
            "    Create a node.\n",
            "    \n",
            "    Args:\n",
            "        name: Unique identifier for the node inside the source.\n",
            "        label: Caption to be displayed (defaults to the node ``name``).\n",
            "        attrs: Any additional node attributes (must be strings).\n",
            "\n"
          ]
        }
      ]
    },
    {
      "cell_type": "code",
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "rENBCgeumdAw",
        "outputId": "10da3287-c39f-4b6f-d75b-efef94668151"
      },
      "source": [
        "help(display.edge)"
      ],
      "execution_count": 52,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "Help on method edge in module graphviz.dot:\n",
            "\n",
            "edge(tail_name, head_name, label=None, _attributes=None, **attrs) method of graphviz.dot.Digraph instance\n",
            "    Create an edge between two nodes.\n",
            "    \n",
            "    Args:\n",
            "        tail_name: Start node identifier.\n",
            "        head_name: End node identifier.\n",
            "        label: Caption to be displayed near the edge.\n",
            "        attrs: Any additional edge attributes (must be strings).\n",
            "\n"
          ]
        }
      ]
    }
  ]
}