hw01_rock_paper_scissors_game.ipynb

{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "colab": {
      "provenance": [],
      "authorship_tag": "ABX9TyPp3dk5eTyybmIR7ga9iv5q",
      "include_colab_link": true
    },
    "kernelspec": {
      "name": "python3",
      "display_name": "Python 3"
    },
    "language_info": {
      "name": "python"
    }
  },
  "cells": [
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "view-in-github",
        "colab_type": "text"
      },
      "source": [
        "<a href=\"https://colab.research.google.com/github/Massittha/Data-portfolio/blob/main/hw01_rock_paper_scissors_game.ipynb\" target=\"_parent\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/></a>"
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "# HW01 Rock Paper Scissor game\n",
        "\n",
        "This python notebook includes user-defined functions I used to create a mini Rock Paper Scissor game with some visualisation of the game result.\n",
        "\n",
        "Run all the cell and use the function `rpsgame()` to start the game\n",
        "\n",
        "Please read the instructions as you go along and feel free to play the game."
      ],
      "metadata": {
        "id": "9ac6TFlrURe-"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "rpsgame()"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 1000
        },
        "id": "AP-gbpIgmEXS",
        "outputId": "37d5df3f-f2c9-4b1a-d44a-9b21f8155cac"
      },
      "execution_count": null,
      "outputs": [
        {
          "name": "stdout",
          "output_type": "stream",
          "text": [
            "Welcome to Rock paper Scissors game!\n",
            "Type \"quit\" any time you want to quit the game.\n",
            "\n",
            "Mode selection: \n",
            "Please type \"i\" for infinite loop mode or a number for a fixed number of rounds: 3\n",
            " You have 3 rounds to go: \n",
            "Please press 1 for Rock, 2 for Paper, or 3 for Scissors\n",
            ": 1\n"
          ]
        },
        {
          "output_type": "display_data",
          "data": {
            "text/plain": [
              "        you       bot  outcome\n",
              "round                         \n",
              "1      Rock  Scissors  You win"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-751889cb-e63b-4990-85c9-8cf049508504\" class=\"colab-df-container\">\n",
              "    <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>you</th>\n",
              "      <th>bot</th>\n",
              "      <th>outcome</th>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>round</th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Rock</td>\n",
              "      <td>Scissors</td>\n",
              "      <td>You win</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "    <div class=\"colab-df-buttons\">\n",
              "\n",
              "  <div class=\"colab-df-container\">\n",
              "    <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-751889cb-e63b-4990-85c9-8cf049508504')\"\n",
              "            title=\"Convert this dataframe to an interactive table.\"\n",
              "            style=\"display:none;\">\n",
              "\n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\">\n",
              "    <path d=\"M120-120v-720h720v720H120Zm60-500h600v-160H180v160Zm220 220h160v-160H400v160Zm0 220h160v-160H400v160ZM180-400h160v-160H180v160Zm440 0h160v-160H620v160ZM180-180h160v-160H180v160Zm440 0h160v-160H620v160Z\"/>\n",
              "  </svg>\n",
              "    </button>\n",
              "\n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    .colab-df-buttons div {\n",
              "      margin-bottom: 4px;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "    <script>\n",
              "      const buttonEl =\n",
              "        document.querySelector('#df-751889cb-e63b-4990-85c9-8cf049508504 button.colab-df-convert');\n",
              "      buttonEl.style.display =\n",
              "        google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "      async function convertToInteractive(key) {\n",
              "        const element = document.querySelector('#df-751889cb-e63b-4990-85c9-8cf049508504');\n",
              "        const dataTable =\n",
              "          await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                    [key], {});\n",
              "        if (!dataTable) return;\n",
              "\n",
              "        const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "          '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "          + ' to learn more about interactive tables.';\n",
              "        element.innerHTML = '';\n",
              "        dataTable['output_type'] = 'display_data';\n",
              "        await google.colab.output.renderOutput(dataTable, element);\n",
              "        const docLink = document.createElement('div');\n",
              "        docLink.innerHTML = docLinkHtml;\n",
              "        element.appendChild(docLink);\n",
              "      }\n",
              "    </script>\n",
              "  </div>\n",
              "\n",
              "    </div>\n",
              "  </div>\n"
            ]
          },
          "metadata": {}
        },
        {
          "name": "stdout",
          "output_type": "stream",
          "text": [
            " You have 2 rounds to go: \n",
            "Please press 1 for Rock, 2 for Paper, or 3 for Scissors\n",
            ": 2\n"
          ]
        },
        {
          "output_type": "display_data",
          "data": {
            "text/plain": [
              "         you       bot   outcome\n",
              "round                           \n",
              "1       Rock  Scissors   You win\n",
              "2      Paper  Scissors  Bot wins"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-4e20a37c-84a9-4cfa-a8d9-6bae3efea46a\" class=\"colab-df-container\">\n",
              "    <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>you</th>\n",
              "      <th>bot</th>\n",
              "      <th>outcome</th>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>round</th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Rock</td>\n",
              "      <td>Scissors</td>\n",
              "      <td>You win</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Paper</td>\n",
              "      <td>Scissors</td>\n",
              "      <td>Bot wins</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "    <div class=\"colab-df-buttons\">\n",
              "\n",
              "  <div class=\"colab-df-container\">\n",
              "    <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-4e20a37c-84a9-4cfa-a8d9-6bae3efea46a')\"\n",
              "            title=\"Convert this dataframe to an interactive table.\"\n",
              "            style=\"display:none;\">\n",
              "\n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\">\n",
              "    <path d=\"M120-120v-720h720v720H120Zm60-500h600v-160H180v160Zm220 220h160v-160H400v160Zm0 220h160v-160H400v160ZM180-400h160v-160H180v160Zm440 0h160v-160H620v160ZM180-180h160v-160H180v160Zm440 0h160v-160H620v160Z\"/>\n",
              "  </svg>\n",
              "    </button>\n",
              "\n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    .colab-df-buttons div {\n",
              "      margin-bottom: 4px;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "    <script>\n",
              "      const buttonEl =\n",
              "        document.querySelector('#df-4e20a37c-84a9-4cfa-a8d9-6bae3efea46a button.colab-df-convert');\n",
              "      buttonEl.style.display =\n",
              "        google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "      async function convertToInteractive(key) {\n",
              "        const element = document.querySelector('#df-4e20a37c-84a9-4cfa-a8d9-6bae3efea46a');\n",
              "        const dataTable =\n",
              "          await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                    [key], {});\n",
              "        if (!dataTable) return;\n",
              "\n",
              "        const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "          '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "          + ' to learn more about interactive tables.';\n",
              "        element.innerHTML = '';\n",
              "        dataTable['output_type'] = 'display_data';\n",
              "        await google.colab.output.renderOutput(dataTable, element);\n",
              "        const docLink = document.createElement('div');\n",
              "        docLink.innerHTML = docLinkHtml;\n",
              "        element.appendChild(docLink);\n",
              "      }\n",
              "    </script>\n",
              "  </div>\n",
              "\n",
              "\n",
              "<div id=\"df-af89319b-461c-4f40-b7e6-98d4da761bba\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-af89319b-461c-4f40-b7e6-98d4da761bba')\"\n",
              "            title=\"Suggest charts.\"\n",
              "            style=\"display:none;\">\n",
              "\n",
              "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "     width=\"24px\">\n",
              "    <g>\n",
              "        <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"/>\n",
              "    </g>\n",
              "</svg>\n",
              "  </button>\n",
              "\n",
              "<style>\n",
              "  .colab-df-quickchart {\n",
              "      --bg-color: #E8F0FE;\n",
              "      --fill-color: #1967D2;\n",
              "      --hover-bg-color: #E2EBFA;\n",
              "      --hover-fill-color: #174EA6;\n",
              "      --disabled-fill-color: #AAA;\n",
              "      --disabled-bg-color: #DDD;\n",
              "  }\n",
              "\n",
              "  [theme=dark] .colab-df-quickchart {\n",
              "      --bg-color: #3B4455;\n",
              "      --fill-color: #D2E3FC;\n",
              "      --hover-bg-color: #434B5C;\n",
              "      --hover-fill-color: #FFFFFF;\n",
              "      --disabled-bg-color: #3B4455;\n",
              "      --disabled-fill-color: #666;\n",
              "  }\n",
              "\n",
              "  .colab-df-quickchart {\n",
              "    background-color: var(--bg-color);\n",
              "    border: none;\n",
              "    border-radius: 50%;\n",
              "    cursor: pointer;\n",
              "    display: none;\n",
              "    fill: var(--fill-color);\n",
              "    height: 32px;\n",
              "    padding: 0;\n",
              "    width: 32px;\n",
              "  }\n",
              "\n",
              "  .colab-df-quickchart:hover {\n",
              "    background-color: var(--hover-bg-color);\n",
              "    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "    fill: var(--button-hover-fill-color);\n",
              "  }\n",
              "\n",
              "  .colab-df-quickchart-complete:disabled,\n",
              "  .colab-df-quickchart-complete:disabled:hover {\n",
              "    background-color: var(--disabled-bg-color);\n",
              "    fill: var(--disabled-fill-color);\n",
              "    box-shadow: none;\n",
              "  }\n",
              "\n",
              "  .colab-df-spinner {\n",
              "    border: 2px solid var(--fill-color);\n",
              "    border-color: transparent;\n",
              "    border-bottom-color: var(--fill-color);\n",
              "    animation:\n",
              "      spin 1s steps(1) infinite;\n",
              "  }\n",
              "\n",
              "  @keyframes spin {\n",
              "    0% {\n",
              "      border-color: transparent;\n",
              "      border-bottom-color: var(--fill-color);\n",
              "      border-left-color: var(--fill-color);\n",
              "    }\n",
              "    20% {\n",
              "      border-color: transparent;\n",
              "      border-left-color: var(--fill-color);\n",
              "      border-top-color: var(--fill-color);\n",
              "    }\n",
              "    30% {\n",
              "      border-color: transparent;\n",
              "      border-left-color: var(--fill-color);\n",
              "      border-top-color: var(--fill-color);\n",
              "      border-right-color: var(--fill-color);\n",
              "    }\n",
              "    40% {\n",
              "      border-color: transparent;\n",
              "      border-right-color: var(--fill-color);\n",
              "      border-top-color: var(--fill-color);\n",
              "    }\n",
              "    60% {\n",
              "      border-color: transparent;\n",
              "      border-right-color: var(--fill-color);\n",
              "    }\n",
              "    80% {\n",
              "      border-color: transparent;\n",
              "      border-right-color: var(--fill-color);\n",
              "      border-bottom-color: var(--fill-color);\n",
              "    }\n",
              "    90% {\n",
              "      border-color: transparent;\n",
              "      border-bottom-color: var(--fill-color);\n",
              "    }\n",
              "  }\n",
              "</style>\n",
              "\n",
              "  <script>\n",
              "    async function quickchart(key) {\n",
              "      const quickchartButtonEl =\n",
              "        document.querySelector('#' + key + ' button');\n",
              "      quickchartButtonEl.disabled = true;  // To prevent multiple clicks.\n",
              "      quickchartButtonEl.classList.add('colab-df-spinner');\n",
              "      try {\n",
              "        const charts = await google.colab.kernel.invokeFunction(\n",
              "            'suggestCharts', [key], {});\n",
              "      } catch (error) {\n",
              "        console.error('Error during call to suggestCharts:', error);\n",
              "      }\n",
              "      quickchartButtonEl.classList.remove('colab-df-spinner');\n",
              "      quickchartButtonEl.classList.add('colab-df-quickchart-complete');\n",
              "    }\n",
              "    (() => {\n",
              "      let quickchartButtonEl =\n",
              "        document.querySelector('#df-af89319b-461c-4f40-b7e6-98d4da761bba button');\n",
              "      quickchartButtonEl.style.display =\n",
              "        google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "    })();\n",
              "  </script>\n",
              "</div>\n",
              "    </div>\n",
              "  </div>\n"
            ]
          },
          "metadata": {}
        },
        {
          "name": "stdout",
          "output_type": "stream",
          "text": [
            " You have 1 rounds to go: \n",
            "Please press 1 for Rock, 2 for Paper, or 3 for Scissors\n",
            ": 1\n"
          ]
        },
        {
          "output_type": "display_data",
          "data": {
            "text/plain": [
              "         you       bot   outcome\n",
              "round                           \n",
              "1       Rock  Scissors   You win\n",
              "2      Paper  Scissors  Bot wins\n",
              "3       Rock     Paper  Bot wins"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-07f8bea1-eb27-47bc-8702-4e61dfbf60f1\" class=\"colab-df-container\">\n",
              "    <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>you</th>\n",
              "      <th>bot</th>\n",
              "      <th>outcome</th>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>round</th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Rock</td>\n",
              "      <td>Scissors</td>\n",
              "      <td>You win</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Paper</td>\n",
              "      <td>Scissors</td>\n",
              "      <td>Bot wins</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Rock</td>\n",
              "      <td>Paper</td>\n",
              "      <td>Bot wins</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "    <div class=\"colab-df-buttons\">\n",
              "\n",
              "  <div class=\"colab-df-container\">\n",
              "    <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-07f8bea1-eb27-47bc-8702-4e61dfbf60f1')\"\n",
              "            title=\"Convert this dataframe to an interactive table.\"\n",
              "            style=\"display:none;\">\n",
              "\n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\">\n",
              "    <path d=\"M120-120v-720h720v720H120Zm60-500h600v-160H180v160Zm220 220h160v-160H400v160Zm0 220h160v-160H400v160ZM180-400h160v-160H180v160Zm440 0h160v-160H620v160ZM180-180h160v-160H180v160Zm440 0h160v-160H620v160Z\"/>\n",
              "  </svg>\n",
              "    </button>\n",
              "\n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    .colab-df-buttons div {\n",
              "      margin-bottom: 4px;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "    <script>\n",
              "      const buttonEl =\n",
              "        document.querySelector('#df-07f8bea1-eb27-47bc-8702-4e61dfbf60f1 button.colab-df-convert');\n",
              "      buttonEl.style.display =\n",
              "        google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "      async function convertToInteractive(key) {\n",
              "        const element = document.querySelector('#df-07f8bea1-eb27-47bc-8702-4e61dfbf60f1');\n",
              "        const dataTable =\n",
              "          await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                    [key], {});\n",
              "        if (!dataTable) return;\n",
              "\n",
              "        const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "          '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "          + ' to learn more about interactive tables.';\n",
              "        element.innerHTML = '';\n",
              "        dataTable['output_type'] = 'display_data';\n",
              "        await google.colab.output.renderOutput(dataTable, element);\n",
              "        const docLink = document.createElement('div');\n",
              "        docLink.innerHTML = docLinkHtml;\n",
              "        element.appendChild(docLink);\n",
              "      }\n",
              "    </script>\n",
              "  </div>\n",
              "\n",
              "\n",
              "<div id=\"df-890b945b-29ba-47f2-a906-940b701d0ef3\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-890b945b-29ba-47f2-a906-940b701d0ef3')\"\n",
              "            title=\"Suggest charts.\"\n",
              "            style=\"display:none;\">\n",
              "\n",
              "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "     width=\"24px\">\n",
              "    <g>\n",
              "        <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"/>\n",
              "    </g>\n",
              "</svg>\n",
              "  </button>\n",
              "\n",
              "<style>\n",
              "  .colab-df-quickchart {\n",
              "      --bg-color: #E8F0FE;\n",
              "      --fill-color: #1967D2;\n",
              "      --hover-bg-color: #E2EBFA;\n",
              "      --hover-fill-color: #174EA6;\n",
              "      --disabled-fill-color: #AAA;\n",
              "      --disabled-bg-color: #DDD;\n",
              "  }\n",
              "\n",
              "  [theme=dark] .colab-df-quickchart {\n",
              "      --bg-color: #3B4455;\n",
              "      --fill-color: #D2E3FC;\n",
              "      --hover-bg-color: #434B5C;\n",
              "      --hover-fill-color: #FFFFFF;\n",
              "      --disabled-bg-color: #3B4455;\n",
              "      --disabled-fill-color: #666;\n",
              "  }\n",
              "\n",
              "  .colab-df-quickchart {\n",
              "    background-color: var(--bg-color);\n",
              "    border: none;\n",
              "    border-radius: 50%;\n",
              "    cursor: pointer;\n",
              "    display: none;\n",
              "    fill: var(--fill-color);\n",
              "    height: 32px;\n",
              "    padding: 0;\n",
              "    width: 32px;\n",
              "  }\n",
              "\n",
              "  .colab-df-quickchart:hover {\n",
              "    background-color: var(--hover-bg-color);\n",
              "    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "    fill: var(--button-hover-fill-color);\n",
              "  }\n",
              "\n",
              "  .colab-df-quickchart-complete:disabled,\n",
              "  .colab-df-quickchart-complete:disabled:hover {\n",
              "    background-color: var(--disabled-bg-color);\n",
              "    fill: var(--disabled-fill-color);\n",
              "    box-shadow: none;\n",
              "  }\n",
              "\n",
              "  .colab-df-spinner {\n",
              "    border: 2px solid var(--fill-color);\n",
              "    border-color: transparent;\n",
              "    border-bottom-color: var(--fill-color);\n",
              "    animation:\n",
              "      spin 1s steps(1) infinite;\n",
              "  }\n",
              "\n",
              "  @keyframes spin {\n",
              "    0% {\n",
              "      border-color: transparent;\n",
              "      border-bottom-color: var(--fill-color);\n",
              "      border-left-color: var(--fill-color);\n",
              "    }\n",
              "    20% {\n",
              "      border-color: transparent;\n",
              "      border-left-color: var(--fill-color);\n",
              "      border-top-color: var(--fill-color);\n",
              "    }\n",
              "    30% {\n",
              "      border-color: transparent;\n",
              "      border-left-color: var(--fill-color);\n",
              "      border-top-color: var(--fill-color);\n",
              "      border-right-color: var(--fill-color);\n",
              "    }\n",
              "    40% {\n",
              "      border-color: transparent;\n",
              "      border-right-color: var(--fill-color);\n",
              "      border-top-color: var(--fill-color);\n",
              "    }\n",
              "    60% {\n",
              "      border-color: transparent;\n",
              "      border-right-color: var(--fill-color);\n",
              "    }\n",
              "    80% {\n",
              "      border-color: transparent;\n",
              "      border-right-color: var(--fill-color);\n",
              "      border-bottom-color: var(--fill-color);\n",
              "    }\n",
              "    90% {\n",
              "      border-color: transparent;\n",
              "      border-bottom-color: var(--fill-color);\n",
              "    }\n",
              "  }\n",
              "</style>\n",
              "\n",
              "  <script>\n",
              "    async function quickchart(key) {\n",
              "      const quickchartButtonEl =\n",
              "        document.querySelector('#' + key + ' button');\n",
              "      quickchartButtonEl.disabled = true;  // To prevent multiple clicks.\n",
              "      quickchartButtonEl.classList.add('colab-df-spinner');\n",
              "      try {\n",
              "        const charts = await google.colab.kernel.invokeFunction(\n",
              "            'suggestCharts', [key], {});\n",
              "      } catch (error) {\n",
              "        console.error('Error during call to suggestCharts:', error);\n",
              "      }\n",
              "      quickchartButtonEl.classList.remove('colab-df-spinner');\n",
              "      quickchartButtonEl.classList.add('colab-df-quickchart-complete');\n",
              "    }\n",
              "    (() => {\n",
              "      let quickchartButtonEl =\n",
              "        document.querySelector('#df-890b945b-29ba-47f2-a906-940b701d0ef3 button');\n",
              "      quickchartButtonEl.style.display =\n",
              "        google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "    })();\n",
              "  </script>\n",
              "</div>\n",
              "    </div>\n",
              "  </div>\n"
            ]
          },
          "metadata": {}
        },
        {
          "output_type": "display_data",
          "data": {
            "text/plain": [
              "<Figure size 640x480 with 1 Axes>"
            ],
            "image/png": "iVBORw0KGgoAAAANSUhEUgAAAhYAAAGzCAYAAABzfl4TAAAAOXRFWHRTb2Z0d2FyZQBNYXRwbG90bGliIHZlcnNpb24zLjcuMSwgaHR0cHM6Ly9tYXRwbG90bGliLm9yZy/bCgiHAAAACXBIWXMAAA9hAAAPYQGoP6dpAAAojElEQVR4nO3de3RNd+L//9dJwsn9QkJixKVChCp1qSpDik74lEZHETUVtEwrtD7GaNWqy6dal05LR0nphSmhLlPVpR9DqqI+7mrcQ9EgrfuIRFLikvfvj/6c1SOhou+I+D4fa2WtnL33Ofu9T3bOeWaffU4cxhgjAAAACzxKewAAAODeQVgAAABrCAsAAGANYQEAAKwhLAAAgDWEBQAAsIawAAAA1hAWAADAGsICAABYQ1gAsCotLU0Oh0NpaWmlPRQApYCwwD0tIyNDgwYNUp06deTr6ytfX1/Vq1dPSUlJ2rlzZ2kP77b06dNHDofD9eV0OlWnTh2NGjVKFy9eLO3hFWnevHmaMmXKLS9/6dIlvfvuu3rwwQcVGBio4OBg1a9fXwMGDNC+fftKbqAAfjOv0h4AUFKWLVumHj16yMvLS7169VLDhg3l4eGhffv26bPPPlNycrIyMjJUvXr10h5qsTmdTn344YeSpOzsbC1dulSvv/66Dh06pJSUlFIeXWHz5s3T7t27NWTIkFtavmvXrlq+fLl69uyp/v376/Lly9q3b5+WLVumRx55RHXr1i3ZAQO4bYQF7kmHDh1SQkKCqlevrlWrVikiIsJt/sSJEzV9+nR5eJTNg3ZeXl7605/+5Lo8cOBAPfLII5o/f77eeecdVa5cuRRH99ts2bJFy5Yt0xtvvKFXX33Vbd57772nc+fOlc7ASlFeXp78/PxKexjALSmbj6rAr5g0aZLy8vI0a9asQlEh/fzE/OKLLyoyMtI1befOnerTp4/uu+8+eXt7Kzw8XP369dN//vMft+uOGTNGDodD3333nf70pz8pKChIYWFheu2112SMUWZmpuLj4xUYGKjw8HC9/fbbhdafn5+v0aNHKyoqSk6nU5GRkRo+fLjy8/Nva3sdDodatWolY4y+//57t3nLly/X73//e/n5+SkgIECPP/649uzZ47bMiRMn1LdvX1WtWlVOp1MRERGKj4/X4cOH3dYxZsyYQuuuUaOG+vTpc8OxxcbG6ssvv9SRI0dcL9/UqFHjhssfOnRIktSyZctC8zw9PVWxYkXX5T59+hR5W9d+Rr/kcDg0aNAgLVq0SPXq1ZOPj49atGihXbt2SZJmzJihqKgoeXt7KzY21m3br23H/fffr507d6pNmzby9fVVVFSUFi9eLElas2aNmjdvLh8fH0VHR+urr75yu/6RI0c0cOBARUdHy8fHRxUrVlS3bt0KrWf27NlyOBxas2aNBg4cqEqVKqlq1apavXq1HA6HlixZUmh7582bJ4fDoQ0bNhR9pwJ3EEcscE9atmyZoqKi1Lx581u+Tmpqqr7//nv17dtX4eHh2rNnj2bOnKk9e/Zo48aNhZ6oevTooZiYGE2YMEFffvmlxo0bpwoVKmjGjBlq27atJk6cqJSUFA0bNkzNmjVT69atJUkFBQV64okn9H//938aMGCAYmJitGvXLk2ePFnfffedPv/889va5mtPUCEhIa5pc+bMUWJiouLi4jRx4kT99NNPSk5OVqtWrfTvf//b9aTctWtX7dmzR4MHD1aNGjV06tQppaam6ujRozeNgFsxcuRIZWdn64cfftDkyZMlSf7+/jdc/tpLUykpKWrZsqW8vOw9TK1du1ZffPGFkpKSJEnjx49Xp06dNHz4cE2fPl0DBw5UVlaWJk2apH79+unrr792u35WVpY6deqkhIQEdevWTcnJyUpISFBKSoqGDBmi559/Xk8//bTeeustPfXUU8rMzFRAQICkn4/ErF+/XgkJCapataoOHz6s5ORkxcbGau/evfL19XVb18CBAxUWFqZRo0YpLy9PsbGxioyMVEpKip588km3ZVNSUlSrVi21aNHC2n0F3DYD3GOys7ONJNOlS5dC87Kysszp06ddXz/99JNr3i+/v2b+/PlGkvnmm29c00aPHm0kmQEDBrimXblyxVStWtU4HA4zYcIEt/X5+PiYxMRE17Q5c+YYDw8Ps3btWrd1vf/++0aSWbdu3U23LzEx0fj5+bm24eDBg+Zvf/ubcTgc5v777zcFBQXGGGPOnz9vgoODTf/+/d2uf+LECRMUFOSanpWVZSSZt95666brlWRGjx5daHr16tXdtm/16tVGklm9erVr2uOPP26qV69+09u/pqCgwLRp08ZIMpUrVzY9e/Y006ZNM0eOHCnyvijqdq/9jK4fv9PpNBkZGa5pM2bMMJJMeHi4ycnJ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T4kMEAAAlB3FOsciOTlZ2dnZio2NVUREhOtrwYIFJTU+AABQhhT7pRAAAIAb4X+FAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCm2GHxzTffqHPnzqpSpYocDoc+//zzEhgWAAAoi4odFnl5eWrYsKGmTZtWEuMBAABlmFdxr9CxY0d17NixJMYCAADKuGKHRXHl5+crPz/fdTknJ6ekVwkAAEpJiYfF+PHjNXbs2JJejXU1XvmytIdwzzg84fHSHgIA4A4p8XeFjBgxQtnZ2a6vzMzMkl4lAAAoJSV+xMLpdMrpdJb0agAAwF2Az7EAAADWFPuIRW5urg4ePOi6nJGRoe3bt6tChQqqVq2a1cEBAICypdhhsXXrVj366KOuy0OHDpUkJSYmavbs2dYGBgAAyp5ih0VsbKyMMSUxFgAAUMZxjgUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAawgLAABgDWEBAACsISwAAIA1hAUAALCGsAAAANYQFgAAwBrCAgAAWENYAAAAa24rLKZNm6YaNWrI29tbzZs31+bNm22PCwAAlEHFDosFCxZo6NChGj16tLZt26aGDRsqLi5Op06dKonxAQCAMqTYYfHOO++of//+6tu3r+rVq6f3339fvr6++vjjj0tifAAAoAzxKs7Cly5d0rfffqsRI0a4pnl4eKh9+/basGFDkdfJz89Xfn6+63J2drYkKScn53bGe8cU5P9U2kO4Z9ztP+uygn3SHvZJoPiu/d4YY266XLHC4syZM7p69aoqV67sNr1y5crat29fkdcZP368xo4dW2h6ZGRkcVaNMixoSmmPAHDHPgncvvPnzysoKOiG84sVFrdjxIgRGjp0qOtyQUGBzp49q4oVK8rhcJT06u9ZOTk5ioyMVGZmpgIDA0t7OIAk9kvcfdgn7THG6Pz586pSpcpNlytWWISGhsrT01MnT550m37y5EmFh4cXeR2n0ymn0+k2LTg4uDirxU0EBgbyy4K7Dvsl7jbsk3bc7EjFNcU6ebN8+fJq0qSJVq1a5ZpWUFCgVatWqUWLFsUfIQAAuKcU+6WQoUOHKjExUU2bNtVDDz2kKVOmKC8vT3379i2J8QEAgDKk2GHRo0cPnT59WqNGjdKJEyfUqFEj/etf/yp0QidKltPp1OjRowu9zASUJvZL3G3YJ+88h/m1940AAADcIv5XCAAAsIawAAAA1hAWAADAGsICAABYQ1gAAABrCItiMsaoffv2iouLKzRv+vTpCg4O1g8//FAKIwN+1qdPHzkcDtdXxYoV1aFDB+3cubPYt9OlS5eSGSRwA7/cf8uVK6fKlSvrscce08cff6yCgoLSHh5uAWFRTA6HQ7NmzdKmTZs0Y8YM1/SMjAwNHz5cU6dOVdWqVa2u8/Lly1Zv73ZcunSptIeAYujQoYOOHz+u48ePa9WqVfLy8lKnTp1Ke1i/Gfvh/xuu7b+HDx/W8uXL9eijj+qll15Sp06ddOXKlSKvczc8TuJnhMVtiIyM1Lvvvqthw4YpIyNDxhg9++yz+sMf/qBq1arpoYcektPpVEREhF555RW3X4QaNWpoypQpbrfXqFEjjRkzxnXZ4XAoOTlZTzzxhPz8/PTGG28UOY7p06erdu3a8vb2VuXKlfXUU0+55hUUFGjSpEmKioqS0+lUtWrV3G5n165datu2rXx8fFSxYkUNGDBAubm5rvnX/lp94403VKVKFUVHR0uSMjMz1b17dwUHB6tChQqKj4/X4cOHf8O9iZLgdDoVHh6u8PBwNWrUSK+88ooyMzN1+vRp1zI32wfGjBmjf/zjH1q6dKnrr8e0tLQi17V48WI1aNDAdTvt27dXXl6ea/7HH3+s+vXru34nBg0a5Jp39OhRxcfHy9/fX4GBgerevbvb/yIaM2aMGjVqpA8//FA1a9aUt7e3JOncuXN67rnnFBYWpsDAQLVt21Y7duyweReiFF3bf3/3u9+pcePGevXVV7V06VItX75cs2fPllT04+TVq1f17LPPqmbNmvLx8VF0dLTeffdd1+3u3r1bHh4ert+Ds2fPysPDQwkJCa5lxo0bp1atWkmSsrKy1KtXL4WFhcnHx0e1a9fWrFmz7twdUUYRFrcpMTFR7dq1U79+/fTee+9p9+7dmjx5sv7rv/5LzZo1044dO5ScnKyPPvpI48aNK/btjxkzRk8++aR27dqlfv36FZq/detWvfjii/qf//kf7d+/X//617/UunVr1/wRI0ZowoQJeu2117R3717NmzfP9emoeXl5iouLU0hIiLZs2aJFixbpq6++cnvAl6RVq1Zp//79Sk1N1bJly3T58mXFxcUpICBAa9eu1bp16+Tv768OHTrwl+RdLDc3V3PnzlVUVJQqVqwo6df3gWHDhql79+5uRz4eeeSRQrd9/Phx9ezZU/369VN6errS0tL0xz/+Udc+dy85OVlJSUkaMGCAdu3apS+++EJRUVGSfo7f+Ph4nT17VmvWrFFqaqq+//579ejRw20dBw8e1D//+U999tln2r59uySpW7duOnXqlJYvX65vv/1WjRs3Vrt27XT27NmSuhtRytq2bauGDRvqs88+c027/nGyoKBAVatW1aJFi7R3716NGjVKr776qhYuXChJql+/vipWrKg1a9ZIktauXet2WZLWrFmj2NhYSXI9fi5fvlzp6elKTk5WaGjondvossrgtp08edKEhoYaDw8Ps2TJEvPqq6+a6OhoU1BQ4Fpm2rRpxt/f31y9etUYY0z16tXN5MmT3W6nYcOGZvTo0a7LksyQIUNuuu5//vOfJjAw0OTk5BSal5OTY5xOp/nggw+KvO7MmTNNSEiIyc3NdU378ssvjYeHhzlx4oQxxpjExERTuXJlk5+f71pmzpw5hbYvPz/f+Pj4mBUrVtx0vLhzEhMTjaenp/Hz8zN+fn5GkomIiDDffvuta5lb3Qfi4+Nvuq5vv/3WSDKHDx8ucn6VKlXMyJEji5y3cuVK4+npaY4ePeqatmfPHiPJbN682RhjzOjRo025cuXMqVOnXMusXbvWBAYGmosXL7rdXq1atcyMGTNuOl7c/W623/Xo0cPExMQYY27tcdIYY5KSkkzXrl1dl//4xz+apKQkY4wxQ4YMMX/9619NSEiISU9PN5cuXTK+vr5m5cqVxhhjOnfubPr27fsbt+j/PRyx+A0qVaqkP//5z4qJiVGXLl2Unp6uFi1ayOFwuJZp2bKlcnNzi31CZ9OmTW86/7HHHlP16tV133336ZlnnlFKSop++uknSVJ6erry8/PVrl27Iq+bnp6uhg0bys/Pz22cBQUF2r9/v2tagwYNVL58edflHTt26ODBgwoICJC/v7/8/f1VoUIFXbx4UYcOHSrW9qFkPfroo9q+fbu2b9+uzZs3Ky4uTh07dtSRI0ck3fo+8GsaNmyodu3aqUGDBurWrZs++OADZWVlSZJOnTqlY8eO3XQ/jIyMVGRkpGtavXr1FBwcrPT0dNe06tWrKywszHV5x44dys3NVcWKFV37ob+/vzIyMtgP73HGGLfH16IeJ6dNm6YmTZooLCxM/v7+mjlzpo4ePeqa36ZNG9fLemvWrFHbtm3VunVrpaWlacuWLbp8+bJatmwpSXrhhRf06aefqlGjRho+fLjWr19fsht4jyj2PyGDOy8vL3l53frd6OHh4TpMfE1RJx398gG/KAEBAdq2bZvS0tK0cuVKjRo1SmPGjNGWLVvk4+Nzy+O5mevHkJubqyZNmiglJaXQsr984Efp8/Pzc73kIEkffvihgoKC9MEHH9zWS3M34unpqdTUVK1fv14rV67U1KlTNXLkSG3atMnaIeOi9sOIiIgiz/kIDg62sk7cndLT01WzZk3X5ev3jU8//VTDhg3T22+/rRYtWiggIEBvvfWWNm3a5FomNjZWQ4YM0YEDB7R37161atVK+/btU1pamrKystS0aVP5+vpKkivG//d//1epqalq166dkpKS9Le//e3ObHAZxRELi2JiYrRhwwa3cFi3bp0CAgJc7xQJCwvT8ePHXfNzcnKUkZFxW+vz8vJS+/btNWnSJO3cuVOHDx/W119/rdq1a8vHx0erVq264Th37NjhdoLdunXr5OHh4TpJsyiNGzfWgQMHVKlSJUVFRbl9BQUF3dY24M5wOBzy8PDQhQsXJN3aPlC+fHldvXr1lm67ZcuWGjt2rP7973+rfPnyWrJkiQICAlSjRo2b7oeZmZnKzMx0Tdu7d6/OnTunevXq3XB9jRs31okTJ+Tl5VVoP+T173vX119/rV27dqlr1643XGbdunV65JFHNHDgQD344IOKiooqdBSrQYMGCgkJ0bhx49SoUSP5+/srNjZWa9asUVpamuv8imvCwsKUmJiouXPnasqUKZo5c2ZJbN49hbCwaODAgcrMzNTgwYO1b98+LV26VKNHj9bQoUPl4fHzXd22bVvNmTNHa9eu1a5du5SYmChPT89ir2vZsmX6+9//ru3bt+vIkSP65JNPVFBQoOjoaHl7e+vll1/W8OHD9cknn+jQoUPauHGjPvroI0lSr1695O3trcTERO3evVurV6/W4MGD9cwzz7hO8CxKr169FBoaqvj4eK1du1YZGRlKS0vTiy++yGd33GXy8/N14sQJnThxQunp6Ro8eLByc3PVuXNnSbe2D9SoUUM7d+7U/v37debMmSKPrG3atElvvvmmtm7dqqNHj+qzzz7T6dOnFRMTI+nnk+vefvtt/f3vf9eBAwe0bds2TZ06VZLUvn17NWjQQL169dK2bdu0efNm9e7dW23atLnpS4Ht27dXixYt1KVLF61cuVKHDx/W+vXrNXLkSG3dutX2XYlScG3//fHHH7Vt2za9+eabio+PV6dOndS7d+8bXq927draunWrVqxYoe+++06vvfaatmzZ4raMw+FQ69atlZKS4oqIBx54QPn5+Vq1apXatGnjWnbUqFFaunSpDh48qD179mjZsmWufRs3UcrneJR5o0ePNg0bNnRdTktLM82aNTPly5c34eHh5uWXXzaXL192zc/OzjY9evQwgYGBJjIy0syePbvIkzeXLFly0/WuXbvWtGnTxoSEhBgfHx/zwAMPmAULFrjmX7161YwbN85Ur17dlCtXzlSrVs28+eabrvk7d+40jz76qPH29jYVKlQw/fv3N+fPn3fNv9EJVMePHze9e/c2oaGhxul0mvvuu8/079/fZGdn3/qdhhKVmJhoJLm+AgICTLNmzczixYvdlvu1feDUqVPmscceM/7+/kaSWb16daF17d2718TFxZmwsDDjdDpNnTp1zNSpU92Wef/99010dLQpV66ciYiIMIMHD3bNO3LkiHniiSeMn5+fCQgIMN26dXOdPGpM4d+va3JycszgwYNNlSpVTLly5UxkZKTp1auX24mgKJt+uf96eXmZsLAw0759e/Pxxx+7ToI3pujHyYsXL5o+ffqYoKAgExwcbF544QXzyiuvFNqHJk+ebCSZ5cuXu6bFx8cbLy8vt9+B119/3cTExBgfHx9ToUIFEx8fb77//vsS2e57icOY617wBwAAuE28FAIAAKwhLAAAgDWEBQAAsIawAAAA1hAWAADAGsICAABYQ1gAAABrCAsAAGANYQEAAKwhLAAAgDWEBQAAsOb/A1sjmO20IfoaAAAAAElFTkSuQmCC\n"
          },
          "metadata": {}
        },
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "\n",
            "You Lose!\n",
            "\n",
            "Your score: 1\n",
            "Bot score: 2\n",
            "Draws: 0\n"
          ]
        },
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "         you       bot   outcome\n",
              "round                           \n",
              "1       Rock  Scissors   You win\n",
              "2      Paper  Scissors  Bot wins\n",
              "3       Rock     Paper  Bot wins"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-7b7551e0-f5e8-49fe-9fad-37f1a4b23cca\" class=\"colab-df-container\">\n",
              "    <div>\n",
              "<style scoped>\n",
              "    .dataframe tbody tr th:only-of-type {\n",
              "        vertical-align: middle;\n",
              "    }\n",
              "\n",
              "    .dataframe tbody tr th {\n",
              "        vertical-align: top;\n",
              "    }\n",
              "\n",
              "    .dataframe thead th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr style=\"text-align: right;\">\n",
              "      <th></th>\n",
              "      <th>you</th>\n",
              "      <th>bot</th>\n",
              "      <th>outcome</th>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>round</th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Rock</td>\n",
              "      <td>Scissors</td>\n",
              "      <td>You win</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Paper</td>\n",
              "      <td>Scissors</td>\n",
              "      <td>Bot wins</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Rock</td>\n",
              "      <td>Paper</td>\n",
              "      <td>Bot wins</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "</div>\n",
              "    <div class=\"colab-df-buttons\">\n",
              "\n",
              "  <div class=\"colab-df-container\">\n",
              "    <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-7b7551e0-f5e8-49fe-9fad-37f1a4b23cca')\"\n",
              "            title=\"Convert this dataframe to an interactive table.\"\n",
              "            style=\"display:none;\">\n",
              "\n",
              "  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\">\n",
              "    <path d=\"M120-120v-720h720v720H120Zm60-500h600v-160H180v160Zm220 220h160v-160H400v160Zm0 220h160v-160H400v160ZM180-400h160v-160H180v160Zm440 0h160v-160H620v160ZM180-180h160v-160H180v160Zm440 0h160v-160H620v160Z\"/>\n",
              "  </svg>\n",
              "    </button>\n",
              "\n",
              "  <style>\n",
              "    .colab-df-container {\n",
              "      display:flex;\n",
              "      gap: 12px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert {\n",
              "      background-color: #E8F0FE;\n",
              "      border: none;\n",
              "      border-radius: 50%;\n",
              "      cursor: pointer;\n",
              "      display: none;\n",
              "      fill: #1967D2;\n",
              "      height: 32px;\n",
              "      padding: 0 0 0 0;\n",
              "      width: 32px;\n",
              "    }\n",
              "\n",
              "    .colab-df-convert:hover {\n",
              "      background-color: #E2EBFA;\n",
              "      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "      fill: #174EA6;\n",
              "    }\n",
              "\n",
              "    .colab-df-buttons div {\n",
              "      margin-bottom: 4px;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert {\n",
              "      background-color: #3B4455;\n",
              "      fill: #D2E3FC;\n",
              "    }\n",
              "\n",
              "    [theme=dark] .colab-df-convert:hover {\n",
              "      background-color: #434B5C;\n",
              "      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n",
              "      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n",
              "      fill: #FFFFFF;\n",
              "    }\n",
              "  </style>\n",
              "\n",
              "    <script>\n",
              "      const buttonEl =\n",
              "        document.querySelector('#df-7b7551e0-f5e8-49fe-9fad-37f1a4b23cca button.colab-df-convert');\n",
              "      buttonEl.style.display =\n",
              "        google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "\n",
              "      async function convertToInteractive(key) {\n",
              "        const element = document.querySelector('#df-7b7551e0-f5e8-49fe-9fad-37f1a4b23cca');\n",
              "        const dataTable =\n",
              "          await google.colab.kernel.invokeFunction('convertToInteractive',\n",
              "                                                    [key], {});\n",
              "        if (!dataTable) return;\n",
              "\n",
              "        const docLinkHtml = 'Like what you see? Visit the ' +\n",
              "          '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n",
              "          + ' to learn more about interactive tables.';\n",
              "        element.innerHTML = '';\n",
              "        dataTable['output_type'] = 'display_data';\n",
              "        await google.colab.output.renderOutput(dataTable, element);\n",
              "        const docLink = document.createElement('div');\n",
              "        docLink.innerHTML = docLinkHtml;\n",
              "        element.appendChild(docLink);\n",
              "      }\n",
              "    </script>\n",
              "  </div>\n",
              "\n",
              "\n",
              "<div id=\"df-73eb006d-8f9f-4e34-af84-3fee34852250\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-73eb006d-8f9f-4e34-af84-3fee34852250')\"\n",
              "            title=\"Suggest charts.\"\n",
              "            style=\"display:none;\">\n",
              "\n",
              "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n",
              "     width=\"24px\">\n",
              "    <g>\n",
              "        <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"/>\n",
              "    </g>\n",
              "</svg>\n",
              "  </button>\n",
              "\n",
              "<style>\n",
              "  .colab-df-quickchart {\n",
              "      --bg-color: #E8F0FE;\n",
              "      --fill-color: #1967D2;\n",
              "      --hover-bg-color: #E2EBFA;\n",
              "      --hover-fill-color: #174EA6;\n",
              "      --disabled-fill-color: #AAA;\n",
              "      --disabled-bg-color: #DDD;\n",
              "  }\n",
              "\n",
              "  [theme=dark] .colab-df-quickchart {\n",
              "      --bg-color: #3B4455;\n",
              "      --fill-color: #D2E3FC;\n",
              "      --hover-bg-color: #434B5C;\n",
              "      --hover-fill-color: #FFFFFF;\n",
              "      --disabled-bg-color: #3B4455;\n",
              "      --disabled-fill-color: #666;\n",
              "  }\n",
              "\n",
              "  .colab-df-quickchart {\n",
              "    background-color: var(--bg-color);\n",
              "    border: none;\n",
              "    border-radius: 50%;\n",
              "    cursor: pointer;\n",
              "    display: none;\n",
              "    fill: var(--fill-color);\n",
              "    height: 32px;\n",
              "    padding: 0;\n",
              "    width: 32px;\n",
              "  }\n",
              "\n",
              "  .colab-df-quickchart:hover {\n",
              "    background-color: var(--hover-bg-color);\n",
              "    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);\n",
              "    fill: var(--button-hover-fill-color);\n",
              "  }\n",
              "\n",
              "  .colab-df-quickchart-complete:disabled,\n",
              "  .colab-df-quickchart-complete:disabled:hover {\n",
              "    background-color: var(--disabled-bg-color);\n",
              "    fill: var(--disabled-fill-color);\n",
              "    box-shadow: none;\n",
              "  }\n",
              "\n",
              "  .colab-df-spinner {\n",
              "    border: 2px solid var(--fill-color);\n",
              "    border-color: transparent;\n",
              "    border-bottom-color: var(--fill-color);\n",
              "    animation:\n",
              "      spin 1s steps(1) infinite;\n",
              "  }\n",
              "\n",
              "  @keyframes spin {\n",
              "    0% {\n",
              "      border-color: transparent;\n",
              "      border-bottom-color: var(--fill-color);\n",
              "      border-left-color: var(--fill-color);\n",
              "    }\n",
              "    20% {\n",
              "      border-color: transparent;\n",
              "      border-left-color: var(--fill-color);\n",
              "      border-top-color: var(--fill-color);\n",
              "    }\n",
              "    30% {\n",
              "      border-color: transparent;\n",
              "      border-left-color: var(--fill-color);\n",
              "      border-top-color: var(--fill-color);\n",
              "      border-right-color: var(--fill-color);\n",
              "    }\n",
              "    40% {\n",
              "      border-color: transparent;\n",
              "      border-right-color: var(--fill-color);\n",
              "      border-top-color: var(--fill-color);\n",
              "    }\n",
              "    60% {\n",
              "      border-color: transparent;\n",
              "      border-right-color: var(--fill-color);\n",
              "    }\n",
              "    80% {\n",
              "      border-color: transparent;\n",
              "      border-right-color: var(--fill-color);\n",
              "      border-bottom-color: var(--fill-color);\n",
              "    }\n",
              "    90% {\n",
              "      border-color: transparent;\n",
              "      border-bottom-color: var(--fill-color);\n",
              "    }\n",
              "  }\n",
              "</style>\n",
              "\n",
              "  <script>\n",
              "    async function quickchart(key) {\n",
              "      const quickchartButtonEl =\n",
              "        document.querySelector('#' + key + ' button');\n",
              "      quickchartButtonEl.disabled = true;  // To prevent multiple clicks.\n",
              "      quickchartButtonEl.classList.add('colab-df-spinner');\n",
              "      try {\n",
              "        const charts = await google.colab.kernel.invokeFunction(\n",
              "            'suggestCharts', [key], {});\n",
              "      } catch (error) {\n",
              "        console.error('Error during call to suggestCharts:', error);\n",
              "      }\n",
              "      quickchartButtonEl.classList.remove('colab-df-spinner');\n",
              "      quickchartButtonEl.classList.add('colab-df-quickchart-complete');\n",
              "    }\n",
              "    (() => {\n",
              "      let quickchartButtonEl =\n",
              "        document.querySelector('#df-73eb006d-8f9f-4e34-af84-3fee34852250 button');\n",
              "      quickchartButtonEl.style.display =\n",
              "        google.colab.kernel.accessAllowed ? 'block' : 'none';\n",
              "    })();\n",
              "  </script>\n",
              "</div>\n",
              "    </div>\n",
              "  </div>\n"
            ]
          },
          "metadata": {},
          "execution_count": 3
        }
      ]
    },
    {
      "cell_type": "code",
      "execution_count": null,
      "metadata": {
        "id": "i7TE0AgplXiI"
      },
      "outputs": [],
      "source": [
        "## rock paper scissor game\n",
        "\n",
        "def number_input(message,exceptionlist,warn = \"Please enter a number above 0!\"):\n",
        "    while True:\n",
        "        value = input(message)\n",
        "        if value.isnumeric() and int(value) > 0:\n",
        "            return int(value)\n",
        "        elif value.lower() in exceptionlist:\n",
        "            return value.lower()\n",
        "        else:\n",
        "            print(warn)\n",
        "\n",
        "def player_choice():\n",
        "    while True:\n",
        "        choice = number_input(\"Please press 1 for Rock, 2 for Paper, or 3 for Scissors\\n: \",\\\n",
        "         [\"quit\"],\"That's not in the options\")\n",
        "        if choice in range(1,4) or choice == \"quit\":\n",
        "            return choice\n",
        "\n",
        "\n",
        "def select_mode():\n",
        "    print(\"Mode selection: \")\n",
        "    return number_input(\"Please type \\\"i\\\" for infinite loop mode or a number for a fixed number of rounds: \",\\\n",
        "     [\"quit\",\"i\"],\"Please enter a valid input\")\n",
        "\n",
        "def game_result(player,bot):\n",
        "    result = player - bot\n",
        "\n",
        "    if result == 0:\n",
        "        outcome = \"Draw\"\n",
        "\n",
        "    elif (result == -1 or result == 2):\n",
        "        outcome = \"Bot wins\"\n",
        "\n",
        "    else:\n",
        "        outcome = \"You win\"\n",
        "\n",
        "    return outcome\n",
        "\n",
        "\n",
        "def plot_result(result):\n",
        "    import pandas as pd\n",
        "    from matplotlib import pyplot as plt\n",
        "    from matplotlib.ticker import MaxNLocator\n",
        "\n",
        "    result_table = pd.DataFrame({\"Counts\": result},\\\n",
        "                                    index = [\"Your score\",\"Bot score\",\"Draws\"])\n",
        "\n",
        "    chart = result_table.plot(kind='bar',legend=None)\n",
        "    chart.yaxis.set_major_locator(MaxNLocator(integer=True))\n",
        "    plt.xticks(rotation=0, horizontalalignment=\"center\")\n",
        "    plt.title(\"Game Result Summary\")\n",
        "    plt.show()\n",
        "\n",
        "\n",
        "\n",
        "\n"
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "def rpsgame():\n",
        "    import pandas as pd\n",
        "    from random import randint\n",
        "\n",
        "    abort = False\n",
        "    quit = False\n",
        "    infinite_mode = False\n",
        "\n",
        "    rps = {1: \"Rock\",\n",
        "           2: \"Paper\",\n",
        "           3: \"Scissors\"\n",
        "       }\n",
        "\n",
        "\n",
        "    columns = {\n",
        "            \"round\": [],\n",
        "            \"you\" : [],\n",
        "            \"bot\" : [],\n",
        "            \"outcome\" : []\n",
        "        }\n",
        "\n",
        "    df = pd.DataFrame(columns).set_index(\"round\")\n",
        "\n",
        "    #Greeting message\n",
        "\n",
        "    print(\"Welcome to Rock paper Scissors game!\\nType \\\"quit\\\" any time you want to quit the game.\\n\")\n",
        "\n",
        "\n",
        "    # Mode selection\n",
        "    mode = select_mode()\n",
        "\n",
        "    # if the user quits the game before playing\n",
        "    if mode == \"quit\":\n",
        "        abort = True\n",
        "        print(\"Game aborted!\")\n",
        "\n",
        "    # if\n",
        "\n",
        "    elif mode == \"i\":\n",
        "        infinite_mode = True\n",
        "        while infinite_mode:\n",
        "            player = player_choice()\n",
        "            if player == \"quit\":\n",
        "                quit = True\n",
        "                break\n",
        "            bot = randint(1,3)\n",
        "            result_row = [rps[player],rps[bot],game_result(player,bot)]\n",
        "            df.loc[len(df.index)+1] = result_row\n",
        "            display(df)\n",
        "\n",
        "    else:\n",
        "\n",
        "        rounds = mode\n",
        "        for round in range(rounds,0,-1):\n",
        "            print(f\" You have {round} rounds to go: \")\n",
        "\n",
        "            player = player_choice()\n",
        "            if player == \"quit\":\n",
        "                quit = True\n",
        "                break\n",
        "            bot = randint(1,3)\n",
        "\n",
        "\n",
        "            result_row = [rps[player],rps[bot],game_result(player,bot)]\n",
        "\n",
        "\n",
        "            df.loc[len(df.index)+1] = result_row\n",
        "            display(df)\n",
        "\n",
        "\n",
        "\n",
        "    if abort:\n",
        "        pass\n",
        "\n",
        "    else:\n",
        "        try:\n",
        "            playerwins = df.outcome.value_counts()[\"You win\"]\n",
        "        except KeyError:\n",
        "            playerwins = 0\n",
        "\n",
        "        try:\n",
        "            botwins = df.outcome.value_counts()[\"Bot wins\"]\n",
        "        except KeyError:\n",
        "            botwins = 0\n",
        "\n",
        "        try:\n",
        "            draws = df.outcome.value_counts()[\"Draw\"]\n",
        "        except KeyError:\n",
        "            draws = 0\n",
        "\n",
        "\n",
        "        result = [playerwins,botwins,draws]\n",
        "\n",
        "        plot_result(result)\n",
        "\n",
        "\n",
        "        if (quit and not infinite_mode):\n",
        "            finaloutcome = \"\\nGame over! You quit!\\n\"\n",
        "        elif playerwins + botwins + draws == 0:\n",
        "            finaloutcome = \"\\nYou haven't played any round\\n\"\n",
        "        elif playerwins == botwins:\n",
        "            finaloutcome = \"\\nDraw!\\n\"\n",
        "        elif playerwins > botwins:\n",
        "            finaloutcome = \"\\nCongratulations! You win\\n\"\n",
        "        else:\n",
        "            finaloutcome = \"\\nYou Lose!\\n\"\n",
        "\n",
        "\n",
        "        print(finaloutcome)\n",
        "        print(f\"Your score: {playerwins}\")\n",
        "        print(f\"Bot score: {botwins}\")\n",
        "        print(f\"Draws: {draws}\")\n",
        "\n",
        "\n",
        "        return df\n",
        "\n"
      ],
      "metadata": {
        "id": "Mm_Bw5iYmBfT"
      },
      "execution_count": null,
      "outputs": []
    }
  ]
}