TRC_Pandas_day_2.ipynb

{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "colab": {
      "provenance": [],
      "authorship_tag": "ABX9TyMexrQ9vQPvIwM8fR/AOMVs"
    },
    "kernelspec": {
      "name": "python3",
      "display_name": "Python 3"
    },
    "language_info": {
      "name": "python"
    }
  },
  "cells": [
    {
      "cell_type": "markdown",
      "source": [
        "\n",
        "# **Learning Pandas**\n",
        "\n",
        "\n",
        "---\n",
        "\n"
      ],
      "metadata": {
        "id": "BhDUZXx1qzHu"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Introduction\n",
        "Just like we imported numpy, we have to import pandas aswell."
      ],
      "metadata": {
        "id": "vCtLoX5x0uhB"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "import numpy as np\n",
        "import pandas as pd"
      ],
      "metadata": {
        "id": "tRFYIx81q2J_"
      },
      "execution_count": 1,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "source": [
        "In similar fashion we can check the version as well"
      ],
      "metadata": {
        "id": "UVzjNUA-clHG"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "pd.__version__"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 36
        },
        "id": "qmtJPioxccoW",
        "outputId": "8adb09c4-7bda-465f-eecb-6a5b74d67ef2"
      },
      "execution_count": 2,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "'1.5.3'"
            ],
            "application/vnd.google.colaboratory.intrinsic+json": {
              "type": "string"
            }
          },
          "metadata": {},
          "execution_count": 2
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We'll use the following data set to perform further operations"
      ],
      "metadata": {
        "id": "eaD79xIZdN-C"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "# List of cloud technologies in 2023\n",
        "cloud_2023 = ['Amazon Web Services (AWS)', 'Firebase', 'Cloudflare', 'Google Cloud',\n",
        "              'Digital Ocean','Heroku', 'Vercel', 'Netlify', 'VMware', 'Hetzner',\n",
        "              'Linode, now Akamai', 'Managed Hosting', 'OVH','Oracle Cloud Infrastructure (OCI)',\n",
        "              'OpenShift', 'Fly.io', 'Vultr', 'Render', 'OpenStack','IBM Cloud Or Watson', 'Scaleway', 'Colocation', 'Microsoft Azure']"
      ],
      "metadata": {
        "id": "fENZlC_xdM42"
      },
      "execution_count": 3,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "source": [
        "\n",
        "\n",
        "*   The Series property is used to tabularize one dimensional data in pandas\n",
        "*   Let's convert this list into pandas object using series:-\n",
        "\n",
        "\n",
        "\n"
      ],
      "metadata": {
        "id": "j1kybtKYeQWj"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "series_obj = pd.Series(cloud_2023) # It does it according to the indexing\n",
        "print(\"This is the pandas object:\\n\")\n",
        "print(series_obj,\"\\n\\nThe data type is\",type(series_obj))"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "ZOBG9cYIeZfu",
        "outputId": "a84de6d5-06c5-4cd1-a460-e70609c3adcd"
      },
      "execution_count": 4,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "This is the pandas object:\n",
            "\n",
            "0             Amazon Web Services (AWS)\n",
            "1                              Firebase\n",
            "2                            Cloudflare\n",
            "3                          Google Cloud\n",
            "4                         Digital Ocean\n",
            "5                                Heroku\n",
            "6                                Vercel\n",
            "7                               Netlify\n",
            "8                                VMware\n",
            "9                               Hetzner\n",
            "10                   Linode, now Akamai\n",
            "11                      Managed Hosting\n",
            "12                                  OVH\n",
            "13    Oracle Cloud Infrastructure (OCI)\n",
            "14                            OpenShift\n",
            "15                               Fly.io\n",
            "16                                Vultr\n",
            "17                               Render\n",
            "18                            OpenStack\n",
            "19                  IBM Cloud Or Watson\n",
            "20                             Scaleway\n",
            "21                           Colocation\n",
            "22                      Microsoft Azure\n",
            "dtype: object \n",
            "\n",
            "The data type is <class 'pandas.core.series.Series'>\n"
          ]
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "The property **index** will give idea about the pandas object's index"
      ],
      "metadata": {
        "id": "UkLVaEu-gjBK"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "series_obj.index"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "BiD73jzKfqJs",
        "outputId": "420fd888-dc76-42ae-8022-1f81a53e5089"
      },
      "execution_count": 5,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "RangeIndex(start=0, stop=23, step=1)"
            ]
          },
          "metadata": {},
          "execution_count": 5
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can also convert index details into numpy array"
      ],
      "metadata": {
        "id": "J4R2-kaMgqaQ"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "indexes_array = np.array(series_obj.index)\n",
        "indexes_array"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "Od0qYUOWf1ni",
        "outputId": "9ba4be78-7e4d-40d4-a022-88e6f7f79a11"
      },
      "execution_count": 6,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "array([ 0,  1,  2,  3,  4,  5,  6,  7,  8,  9, 10, 11, 12, 13, 14, 15, 16,\n",
              "       17, 18, 19, 20, 21, 22])"
            ]
          },
          "metadata": {},
          "execution_count": 6
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "Similarly we can have the array of the values using the **values** property"
      ],
      "metadata": {
        "id": "wO_RRyvkg-hV"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "values_array = series_obj.values\n",
        "print(f\"The type of values_array is {type(values_array)} and the values are:\\n\\n\",values_array)"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "BFfsCER2heRi",
        "outputId": "aa9335fb-2fe5-49ba-90cc-56717853f4ee"
      },
      "execution_count": 7,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "The type of values_array is <class 'numpy.ndarray'> and the values are:\n",
            "\n",
            " ['Amazon Web Services (AWS)' 'Firebase' 'Cloudflare' 'Google Cloud'\n",
            " 'Digital Ocean' 'Heroku' 'Vercel' 'Netlify' 'VMware' 'Hetzner'\n",
            " 'Linode, now Akamai' 'Managed Hosting' 'OVH'\n",
            " 'Oracle Cloud Infrastructure (OCI)' 'OpenShift' 'Fly.io' 'Vultr' 'Render'\n",
            " 'OpenStack' 'IBM Cloud Or Watson' 'Scaleway' 'Colocation'\n",
            " 'Microsoft Azure']\n"
          ]
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "The reason we got the values as an array because the pandas framework in build on numpy.\n",
        "\n"
      ],
      "metadata": {
        "id": "m7ykxVE3iFe7"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Slicing\n",
        "As pandas is built on numpy, same concepts are applicable for slicing"
      ],
      "metadata": {
        "id": "Lda7m17K1TTQ"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "print(\"The first element of the array is\",series_obj[0])\n",
        "print(\"The next four elements of the array are\")\n",
        "print(series_obj[1:5])"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "1QzaXbY6ixLC",
        "outputId": "429cf0ae-1f64-46c6-ec29-fffceb16de47"
      },
      "execution_count": 8,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "The first element of the array is Amazon Web Services (AWS)\n",
            "The next four elements of the array are\n",
            "1         Firebase\n",
            "2       Cloudflare\n",
            "3     Google Cloud\n",
            "4    Digital Ocean\n",
            "dtype: object\n"
          ]
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We'll use the same method to reverse the object"
      ],
      "metadata": {
        "id": "dx0i_kTpj4SC"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "print(\"The reversed series_obj is as follows\\n\")\n",
        "print(series_obj[::-1])"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "CCXhEhDuj9bJ",
        "outputId": "986b178c-dda7-4626-e489-0bcbc5548119"
      },
      "execution_count": 9,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "The reversed series_obj is as follows\n",
            "\n",
            "22                      Microsoft Azure\n",
            "21                           Colocation\n",
            "20                             Scaleway\n",
            "19                  IBM Cloud Or Watson\n",
            "18                            OpenStack\n",
            "17                               Render\n",
            "16                                Vultr\n",
            "15                               Fly.io\n",
            "14                            OpenShift\n",
            "13    Oracle Cloud Infrastructure (OCI)\n",
            "12                                  OVH\n",
            "11                      Managed Hosting\n",
            "10                   Linode, now Akamai\n",
            "9                               Hetzner\n",
            "8                                VMware\n",
            "7                               Netlify\n",
            "6                                Vercel\n",
            "5                                Heroku\n",
            "4                         Digital Ocean\n",
            "3                          Google Cloud\n",
            "2                            Cloudflare\n",
            "1                              Firebase\n",
            "0             Amazon Web Services (AWS)\n",
            "dtype: object\n"
          ]
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Custom indexing\n",
        "\n",
        "Unlike numpy where we can have only numeric indexes, in pandas we can have **anything** as index"
      ],
      "metadata": {
        "id": "5AiqoDDlk3SS"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "series_obj_custom = pd.Series(['Amazon Web Services (AWS)', 'Firebase', 'Cloudflare', 'Google Cloud',\n",
        "              'Digital Ocean'],index=['a','b','c','d','e'])\n",
        "print(\"The series with custom indexing:-\")\n",
        "print(series_obj_custom)"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "PUuBzTAJlPLh",
        "outputId": "ed81fef5-e491-40e9-dee4-d992edd13b74"
      },
      "execution_count": 10,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "The series with custom indexing:-\n",
            "a    Amazon Web Services (AWS)\n",
            "b                     Firebase\n",
            "c                   Cloudflare\n",
            "d                 Google Cloud\n",
            "e                Digital Ocean\n",
            "dtype: object\n"
          ]
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Slicing using Custom indexes\n",
        "We can also perform slicing and stuff using our custom indexes"
      ],
      "metadata": {
        "id": "zvDwpX4qmHVg"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "print(\"The series from 'a' to 'd' is as follows\")\n",
        "print(series_obj_custom['a':'e'])"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "bYl8y0aRmMDJ",
        "outputId": "2c0f1159-5980-473d-98f2-3898ae624661"
      },
      "execution_count": 11,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "The series from 'a' to 'd' is as follows\n",
            "a    Amazon Web Services (AWS)\n",
            "b                     Firebase\n",
            "c                   Cloudflare\n",
            "d                 Google Cloud\n",
            "e                Digital Ocean\n",
            "dtype: object\n"
          ]
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "**Note**: During slicing with custom indexes we'll have both the limits included"
      ],
      "metadata": {
        "id": "rLzxW-Wgmlkw"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Data Set\n",
        "\n",
        "We'll use the following data set to perform further operations"
      ],
      "metadata": {
        "id": "xucZjLauoI1D"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "# List of cloud technologies in 2023\n",
        "cloud_2023 = ['Amazon Web Services (AWS)', 'Microsoft Azure', 'Google Cloud', 'Firebase', 'Cloudflare', 'Digital Ocean',\n",
        "               'Heroku', 'Vercel', 'Netlify', 'VMware', 'Hetzner', 'Linode, now Akamai', 'Managed Hosting', 'OVH',\n",
        "               'Oracle Cloud Infrastructure (OCI)', 'OpenShift', 'Fly.io', 'Vultr', 'Render', 'OpenStack',\n",
        "               'IBM Cloud Or Watson', 'Scaleway', 'Colocation']\n",
        "\n",
        "# List of total votes for each cloud technology\n",
        "total_votes = [33818, 18105, 16592, 10761, 10599, 9299, 8358, 7431, 6228, 4964, 3069, 2755, 2379, 2378, 1810,\n",
        "               1671, 1649, 1357, 1287, 1076, 801, 628, 497]\n",
        "\n",
        "# List of professional votes for each cloud technology\n",
        "professional_votes = [29479, 15441, 13304, 8550, 8326, 7838, 6535, 5727, 4708, 3584, 2465, 2104, 1889, 1912,\n",
        "                      1146, 1432, 1342, 1021, 920, 802, 571, 520, 385]\n",
        "\n",
        "# List of beginner votes for each cloud technology\n",
        "beginner_votes = [654, 370, 652, 628, 420, 247, 492, 487, 498, 262, 67, 125, 63, 76, 123, 22, 72, 55,\n",
        "                  132, 53, 53, 0, 20]\n",
        "\n",
        "# List of other votes for each cloud technology\n",
        "other_votes = [1185, 714, 866, 486, 621, 393, 418, 392, 330, 396, 184, 167, 137, 126, 190, 66, 79,\n",
        "                94, 69, 78, 70, 31, 30]"
      ],
      "metadata": {
        "id": "K0TxDJSFnfKK"
      },
      "execution_count": 12,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Using DataFrame"
      ],
      "metadata": {
        "id": "mw0icxRxgxcx"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "First we'll have a serial number array using numpy's built in function called **np.arrange(start, end, step)**\n",
        "\n",
        "Note: The end value is exclusive"
      ],
      "metadata": {
        "id": "dExxBZ3Sg6Gq"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "sno = np.arange(1,len(cloud_2023)+1) # To make a numpy array of the given range"
      ],
      "metadata": {
        "id": "0j47EJmBg9ND"
      },
      "execution_count": 13,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "source": [
        "Now we'll create a data frame to tabularize our data."
      ],
      "metadata": {
        "id": "uD4k5GoShBmr"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can have two methods to do this:\n",
        "\n",
        "***Method-1 (Square Bracket Notation)***\n",
        "\n",
        "-> We'll add colums like array notaion"
      ],
      "metadata": {
        "id": "sp0wMDNXhz_R"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table = pd.DataFrame()\n",
        "cloud_survey_table[\"SNO\"] = sno\n",
        "cloud_survey_table[\"CLOUD_PLATFORM\"] = cloud_2023\n",
        "cloud_survey_table[\"TOTAL_VOTES\"] = total_votes\n",
        "cloud_survey_table[\"PROFESSIONAL_VOTES\"] = professional_votes\n",
        "cloud_survey_table[\"BEGINNER_VOTES\"] = beginner_votes\n",
        "cloud_survey_table[\"OTHER_VOTES\"] = other_votes\n",
        "\n",
        "print(\"The Cloud Survey table is as follows\\n\")\n",
        "cloud_survey_table"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 805
        },
        "id": "9zThKVQtqUs6",
        "outputId": "ce8b300c-933a-4968-8c28-3f6e0f19e487"
      },
      "execution_count": 14,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "The Cloud Survey table is as follows\n",
            "\n"
          ]
        },
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "    SNO                     CLOUD_PLATFORM  TOTAL_VOTES  PROFESSIONAL_VOTES  \\\n",
              "0     1          Amazon Web Services (AWS)        33818               29479   \n",
              "1     2                    Microsoft Azure        18105               15441   \n",
              "2     3                       Google Cloud        16592               13304   \n",
              "3     4                           Firebase        10761                8550   \n",
              "4     5                         Cloudflare        10599                8326   \n",
              "5     6                      Digital Ocean         9299                7838   \n",
              "6     7                             Heroku         8358                6535   \n",
              "7     8                             Vercel         7431                5727   \n",
              "8     9                            Netlify         6228                4708   \n",
              "9    10                             VMware         4964                3584   \n",
              "10   11                            Hetzner         3069                2465   \n",
              "11   12                 Linode, now Akamai         2755                2104   \n",
              "12   13                    Managed Hosting         2379                1889   \n",
              "13   14                                OVH         2378                1912   \n",
              "14   15  Oracle Cloud Infrastructure (OCI)         1810                1146   \n",
              "15   16                          OpenShift         1671                1432   \n",
              "16   17                             Fly.io         1649                1342   \n",
              "17   18                              Vultr         1357                1021   \n",
              "18   19                             Render         1287                 920   \n",
              "19   20                          OpenStack         1076                 802   \n",
              "20   21                IBM Cloud Or Watson          801                 571   \n",
              "21   22                           Scaleway          628                 520   \n",
              "22   23                         Colocation          497                 385   \n",
              "\n",
              "    BEGINNER_VOTES  OTHER_VOTES  \n",
              "0              654         1185  \n",
              "1              370          714  \n",
              "2              652          866  \n",
              "3              628          486  \n",
              "4              420          621  \n",
              "5              247          393  \n",
              "6              492          418  \n",
              "7              487          392  \n",
              "8              498          330  \n",
              "9              262          396  \n",
              "10              67          184  \n",
              "11             125          167  \n",
              "12              63          137  \n",
              "13              76          126  \n",
              "14             123          190  \n",
              "15              22           66  \n",
              "16              72           79  \n",
              "17              55           94  \n",
              "18             132           69  \n",
              "19              53           78  \n",
              "20              53           70  \n",
              "21               0           31  \n",
              "22              20           30  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-fbbbbeb7-ea00-446b-9497-7ffce102f4d0\" 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>SNO</th>\n",
              "      <th>CLOUD_PLATFORM</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>1</td>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>29479</td>\n",
              "      <td>654</td>\n",
              "      <td>1185</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>2</td>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441</td>\n",
              "      <td>370</td>\n",
              "      <td>714</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>3</td>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304</td>\n",
              "      <td>652</td>\n",
              "      <td>866</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>4</td>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550</td>\n",
              "      <td>628</td>\n",
              "      <td>486</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>5</td>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326</td>\n",
              "      <td>420</td>\n",
              "      <td>621</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>6</td>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838</td>\n",
              "      <td>247</td>\n",
              "      <td>393</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>7</td>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535</td>\n",
              "      <td>492</td>\n",
              "      <td>418</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>8</td>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727</td>\n",
              "      <td>487</td>\n",
              "      <td>392</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>9</td>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708</td>\n",
              "      <td>498</td>\n",
              "      <td>330</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>10</td>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584</td>\n",
              "      <td>262</td>\n",
              "      <td>396</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>11</td>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465</td>\n",
              "      <td>67</td>\n",
              "      <td>184</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>12</td>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104</td>\n",
              "      <td>125</td>\n",
              "      <td>167</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>13</td>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889</td>\n",
              "      <td>63</td>\n",
              "      <td>137</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>14</td>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912</td>\n",
              "      <td>76</td>\n",
              "      <td>126</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>15</td>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146</td>\n",
              "      <td>123</td>\n",
              "      <td>190</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>16</td>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432</td>\n",
              "      <td>22</td>\n",
              "      <td>66</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>17</td>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342</td>\n",
              "      <td>72</td>\n",
              "      <td>79</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>18</td>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021</td>\n",
              "      <td>55</td>\n",
              "      <td>94</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>19</td>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920</td>\n",
              "      <td>132</td>\n",
              "      <td>69</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>20</td>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802</td>\n",
              "      <td>53</td>\n",
              "      <td>78</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>21</td>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571</td>\n",
              "      <td>53</td>\n",
              "      <td>70</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>22</td>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520</td>\n",
              "      <td>0</td>\n",
              "      <td>31</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>23</td>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385</td>\n",
              "      <td>20</td>\n",
              "      <td>30</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-fbbbbeb7-ea00-446b-9497-7ffce102f4d0')\"\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-fbbbbeb7-ea00-446b-9497-7ffce102f4d0 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-fbbbbeb7-ea00-446b-9497-7ffce102f4d0');\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-32e9153c-d573-47cd-b436-7082cceb12d1\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-32e9153c-d573-47cd-b436-7082cceb12d1')\"\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-32e9153c-d573-47cd-b436-7082cceb12d1 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": 14
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can access the columns using columns property"
      ],
      "metadata": {
        "id": "5XkLLA76uzAa"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table.index"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "sAeEwgAbvITg",
        "outputId": "bdda70e0-314d-4e45-b273-f236f0314380"
      },
      "execution_count": 15,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "RangeIndex(start=0, stop=23, step=1)"
            ]
          },
          "metadata": {},
          "execution_count": 15
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table.columns"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "MHwnI4LivLZg",
        "outputId": "e7ceb3fe-a162-4505-8bd1-cb7acd9c01c3"
      },
      "execution_count": 16,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "Index(['SNO', 'CLOUD_PLATFORM', 'TOTAL_VOTES', 'PROFESSIONAL_VOTES',\n",
              "       'BEGINNER_VOTES', 'OTHER_VOTES'],\n",
              "      dtype='object')"
            ]
          },
          "metadata": {},
          "execution_count": 16
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "***Method-2 (Using dictionary)***"
      ],
      "metadata": {
        "id": "MVSCXUZywZsv"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table = pd.DataFrame({\"CLOUD_PLATFORMS\":cloud_2023,\n",
        "                                   \"TOTAL_VOTES\":total_votes,\n",
        "                                   \"PROFESSIONAL_VOTES\":professional_votes,\n",
        "                                   \"BEGINNER_VOTES\":beginner_votes,\n",
        "                                   \"OTHER_VOTES\":other_votes,\n",
        "                                   },index=sno)\n",
        "# we have to use dictionary only for the column names and column data\n",
        "cloud_survey_table"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 770
        },
        "id": "J_Gye239wfM7",
        "outputId": "be8acb01-9300-4274-8ecf-9dadf1428ab7"
      },
      "execution_count": 17,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                      CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  \\\n",
              "1           Amazon Web Services (AWS)        33818               29479   \n",
              "2                     Microsoft Azure        18105               15441   \n",
              "3                        Google Cloud        16592               13304   \n",
              "4                            Firebase        10761                8550   \n",
              "5                          Cloudflare        10599                8326   \n",
              "6                       Digital Ocean         9299                7838   \n",
              "7                              Heroku         8358                6535   \n",
              "8                              Vercel         7431                5727   \n",
              "9                             Netlify         6228                4708   \n",
              "10                             VMware         4964                3584   \n",
              "11                            Hetzner         3069                2465   \n",
              "12                 Linode, now Akamai         2755                2104   \n",
              "13                    Managed Hosting         2379                1889   \n",
              "14                                OVH         2378                1912   \n",
              "15  Oracle Cloud Infrastructure (OCI)         1810                1146   \n",
              "16                          OpenShift         1671                1432   \n",
              "17                             Fly.io         1649                1342   \n",
              "18                              Vultr         1357                1021   \n",
              "19                             Render         1287                 920   \n",
              "20                          OpenStack         1076                 802   \n",
              "21                IBM Cloud Or Watson          801                 571   \n",
              "22                           Scaleway          628                 520   \n",
              "23                         Colocation          497                 385   \n",
              "\n",
              "    BEGINNER_VOTES  OTHER_VOTES  \n",
              "1              654         1185  \n",
              "2              370          714  \n",
              "3              652          866  \n",
              "4              628          486  \n",
              "5              420          621  \n",
              "6              247          393  \n",
              "7              492          418  \n",
              "8              487          392  \n",
              "9              498          330  \n",
              "10             262          396  \n",
              "11              67          184  \n",
              "12             125          167  \n",
              "13              63          137  \n",
              "14              76          126  \n",
              "15             123          190  \n",
              "16              22           66  \n",
              "17              72           79  \n",
              "18              55           94  \n",
              "19             132           69  \n",
              "20              53           78  \n",
              "21              53           70  \n",
              "22               0           31  \n",
              "23              20           30  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-fe3daec5-ff03-4b8e-8dd8-2e0396428395\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>29479</td>\n",
              "      <td>654</td>\n",
              "      <td>1185</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441</td>\n",
              "      <td>370</td>\n",
              "      <td>714</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304</td>\n",
              "      <td>652</td>\n",
              "      <td>866</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550</td>\n",
              "      <td>628</td>\n",
              "      <td>486</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326</td>\n",
              "      <td>420</td>\n",
              "      <td>621</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838</td>\n",
              "      <td>247</td>\n",
              "      <td>393</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535</td>\n",
              "      <td>492</td>\n",
              "      <td>418</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727</td>\n",
              "      <td>487</td>\n",
              "      <td>392</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708</td>\n",
              "      <td>498</td>\n",
              "      <td>330</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584</td>\n",
              "      <td>262</td>\n",
              "      <td>396</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465</td>\n",
              "      <td>67</td>\n",
              "      <td>184</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104</td>\n",
              "      <td>125</td>\n",
              "      <td>167</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889</td>\n",
              "      <td>63</td>\n",
              "      <td>137</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912</td>\n",
              "      <td>76</td>\n",
              "      <td>126</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146</td>\n",
              "      <td>123</td>\n",
              "      <td>190</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432</td>\n",
              "      <td>22</td>\n",
              "      <td>66</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342</td>\n",
              "      <td>72</td>\n",
              "      <td>79</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021</td>\n",
              "      <td>55</td>\n",
              "      <td>94</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920</td>\n",
              "      <td>132</td>\n",
              "      <td>69</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802</td>\n",
              "      <td>53</td>\n",
              "      <td>78</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571</td>\n",
              "      <td>53</td>\n",
              "      <td>70</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520</td>\n",
              "      <td>0</td>\n",
              "      <td>31</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385</td>\n",
              "      <td>20</td>\n",
              "      <td>30</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-fe3daec5-ff03-4b8e-8dd8-2e0396428395')\"\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-fe3daec5-ff03-4b8e-8dd8-2e0396428395 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-fe3daec5-ff03-4b8e-8dd8-2e0396428395');\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-58536859-d7f5-45c2-a61d-cc782aadd3c4\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-58536859-d7f5-45c2-a61d-cc782aadd3c4')\"\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-58536859-d7f5-45c2-a61d-cc782aadd3c4 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": 17
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "This type of syntax is usually preferred as it's a bit easier and cleaner"
      ],
      "metadata": {
        "id": "KL6yAmBExkCI"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Implicit and Explicit indexing"
      ],
      "metadata": {
        "id": "Q6ZqagoWHZzB"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "series_obj = pd.Series(['a','b','c','d'],index=[1,2,3,4])\n",
        "series_obj"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "saPXtwz2HhJz",
        "outputId": "5bb9497a-1124-4b55-8810-2c5cd814cf41"
      },
      "execution_count": 18,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "1    a\n",
              "2    b\n",
              "3    c\n",
              "4    d\n",
              "dtype: object"
            ]
          },
          "metadata": {},
          "execution_count": 18
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "There is a confusion regarding indexes when we give a list of numbers as a custom index. To avoid this we'll use loc (explicit) i.e. to use default pandas indexing and iloc (implicit) i.e. to use our own custom indexing"
      ],
      "metadata": {
        "id": "oc9__RZ6Ikl8"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "print(\"This is explicit result =\",series_obj.loc[1])\n",
        "print(\"This is implicit result =\",series_obj.iloc[1])"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "1x4MU3ryI9WE",
        "outputId": "6c06e117-59cd-45bd-e026-e1652690d1b5"
      },
      "execution_count": 19,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "This is explicit result = a\n",
            "This is implicit result = b\n"
          ]
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Accessing particular columns\n",
        "\n",
        "We have two methods for this"
      ],
      "metadata": {
        "id": "W1tCRurLLIi0"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "**Method-1**\n",
        "\n",
        "Using Brackets notation"
      ],
      "metadata": {
        "id": "V8ITiYdiLPgj"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table[\"CLOUD_PLATFORMS\"]"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "7kmj6zfzLlpr",
        "outputId": "0161f0c7-49f4-4c52-da50-e7646a3c35f8"
      },
      "execution_count": 20,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "1             Amazon Web Services (AWS)\n",
              "2                       Microsoft Azure\n",
              "3                          Google Cloud\n",
              "4                              Firebase\n",
              "5                            Cloudflare\n",
              "6                         Digital Ocean\n",
              "7                                Heroku\n",
              "8                                Vercel\n",
              "9                               Netlify\n",
              "10                               VMware\n",
              "11                              Hetzner\n",
              "12                   Linode, now Akamai\n",
              "13                      Managed Hosting\n",
              "14                                  OVH\n",
              "15    Oracle Cloud Infrastructure (OCI)\n",
              "16                            OpenShift\n",
              "17                               Fly.io\n",
              "18                                Vultr\n",
              "19                               Render\n",
              "20                            OpenStack\n",
              "21                  IBM Cloud Or Watson\n",
              "22                             Scaleway\n",
              "23                           Colocation\n",
              "Name: CLOUD_PLATFORMS, dtype: object"
            ]
          },
          "metadata": {},
          "execution_count": 20
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "**Method-2**\n",
        "\n",
        "Using Dot notation\n",
        "\n",
        "*This method is preferred as we can club other numpy properties with it*"
      ],
      "metadata": {
        "id": "lfJHjD09LgZp"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table.CLOUD_PLATFORMS"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "cAig1z3LLmEe",
        "outputId": "e76a063d-ce9b-478f-d7ec-3e961af89820"
      },
      "execution_count": 21,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "1             Amazon Web Services (AWS)\n",
              "2                       Microsoft Azure\n",
              "3                          Google Cloud\n",
              "4                              Firebase\n",
              "5                            Cloudflare\n",
              "6                         Digital Ocean\n",
              "7                                Heroku\n",
              "8                                Vercel\n",
              "9                               Netlify\n",
              "10                               VMware\n",
              "11                              Hetzner\n",
              "12                   Linode, now Akamai\n",
              "13                      Managed Hosting\n",
              "14                                  OVH\n",
              "15    Oracle Cloud Infrastructure (OCI)\n",
              "16                            OpenShift\n",
              "17                               Fly.io\n",
              "18                                Vultr\n",
              "19                               Render\n",
              "20                            OpenStack\n",
              "21                  IBM Cloud Or Watson\n",
              "22                             Scaleway\n",
              "23                           Colocation\n",
              "Name: CLOUD_PLATFORMS, dtype: object"
            ]
          },
          "metadata": {},
          "execution_count": 21
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can also club things using method-1 but not all the properties work with it!\n",
        "\n",
        "But method-1 has it's own advantage too i.e. it can be used to print multiple colummns"
      ],
      "metadata": {
        "id": "Wh9opJjBNCvs"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table[[\"CLOUD_PLATFORMS\",\"TOTAL_VOTES\"]] # We have to use list"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 770
        },
        "id": "XWNPL9BZNfF7",
        "outputId": "568213ac-a396-4395-ccce-2941e9dcb913"
      },
      "execution_count": 22,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                      CLOUD_PLATFORMS  TOTAL_VOTES\n",
              "1           Amazon Web Services (AWS)        33818\n",
              "2                     Microsoft Azure        18105\n",
              "3                        Google Cloud        16592\n",
              "4                            Firebase        10761\n",
              "5                          Cloudflare        10599\n",
              "6                       Digital Ocean         9299\n",
              "7                              Heroku         8358\n",
              "8                              Vercel         7431\n",
              "9                             Netlify         6228\n",
              "10                             VMware         4964\n",
              "11                            Hetzner         3069\n",
              "12                 Linode, now Akamai         2755\n",
              "13                    Managed Hosting         2379\n",
              "14                                OVH         2378\n",
              "15  Oracle Cloud Infrastructure (OCI)         1810\n",
              "16                          OpenShift         1671\n",
              "17                             Fly.io         1649\n",
              "18                              Vultr         1357\n",
              "19                             Render         1287\n",
              "20                          OpenStack         1076\n",
              "21                IBM Cloud Or Watson          801\n",
              "22                           Scaleway          628\n",
              "23                         Colocation          497"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-7a067452-0790-4cb0-88eb-0650a1092804\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</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-7a067452-0790-4cb0-88eb-0650a1092804')\"\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-7a067452-0790-4cb0-88eb-0650a1092804 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-7a067452-0790-4cb0-88eb-0650a1092804');\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-e9de4f23-acc1-43cf-9216-e0ffe81d3b3e\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-e9de4f23-acc1-43cf-9216-e0ffe81d3b3e')\"\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-e9de4f23-acc1-43cf-9216-e0ffe81d3b3e 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": 22
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can use the .T property to transpose the table"
      ],
      "metadata": {
        "id": "kOcaqlfoOYB7"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Microactions"
      ],
      "metadata": {
        "id": "bOSRcSnXrNDo"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table.T"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 307
        },
        "id": "6QnjDoLzOho6",
        "outputId": "949e90cd-be5e-42e0-e97b-8563fcd4924f"
      },
      "execution_count": 23,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                                           1                2             3   \\\n",
              "CLOUD_PLATFORMS     Amazon Web Services (AWS)  Microsoft Azure  Google Cloud   \n",
              "TOTAL_VOTES                             33818            18105         16592   \n",
              "PROFESSIONAL_VOTES                      29479            15441         13304   \n",
              "BEGINNER_VOTES                            654              370           652   \n",
              "OTHER_VOTES                              1185              714           866   \n",
              "\n",
              "                          4           5              6       7       8   \\\n",
              "CLOUD_PLATFORMS     Firebase  Cloudflare  Digital Ocean  Heroku  Vercel   \n",
              "TOTAL_VOTES            10761       10599           9299    8358    7431   \n",
              "PROFESSIONAL_VOTES      8550        8326           7838    6535    5727   \n",
              "BEGINNER_VOTES           628         420            247     492     487   \n",
              "OTHER_VOTES              486         621            393     418     392   \n",
              "\n",
              "                         9       10  ...    14  \\\n",
              "CLOUD_PLATFORMS     Netlify  VMware  ...   OVH   \n",
              "TOTAL_VOTES            6228    4964  ...  2378   \n",
              "PROFESSIONAL_VOTES     4708    3584  ...  1912   \n",
              "BEGINNER_VOTES          498     262  ...    76   \n",
              "OTHER_VOTES             330     396  ...   126   \n",
              "\n",
              "                                                   15         16      17  \\\n",
              "CLOUD_PLATFORMS     Oracle Cloud Infrastructure (OCI)  OpenShift  Fly.io   \n",
              "TOTAL_VOTES                                      1810       1671    1649   \n",
              "PROFESSIONAL_VOTES                               1146       1432    1342   \n",
              "BEGINNER_VOTES                                    123         22      72   \n",
              "OTHER_VOTES                                       190         66      79   \n",
              "\n",
              "                       18      19         20                   21        22  \\\n",
              "CLOUD_PLATFORMS     Vultr  Render  OpenStack  IBM Cloud Or Watson  Scaleway   \n",
              "TOTAL_VOTES          1357    1287       1076                  801       628   \n",
              "PROFESSIONAL_VOTES   1021     920        802                  571       520   \n",
              "BEGINNER_VOTES         55     132         53                   53         0   \n",
              "OTHER_VOTES            94      69         78                   70        31   \n",
              "\n",
              "                            23  \n",
              "CLOUD_PLATFORMS     Colocation  \n",
              "TOTAL_VOTES                497  \n",
              "PROFESSIONAL_VOTES         385  \n",
              "BEGINNER_VOTES              20  \n",
              "OTHER_VOTES                 30  \n",
              "\n",
              "[5 rows x 23 columns]"
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-29849804-4236-4837-81c4-8794996f4399\" 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>1</th>\n",
              "      <th>2</th>\n",
              "      <th>3</th>\n",
              "      <th>4</th>\n",
              "      <th>5</th>\n",
              "      <th>6</th>\n",
              "      <th>7</th>\n",
              "      <th>8</th>\n",
              "      <th>9</th>\n",
              "      <th>10</th>\n",
              "      <th>...</th>\n",
              "      <th>14</th>\n",
              "      <th>15</th>\n",
              "      <th>16</th>\n",
              "      <th>17</th>\n",
              "      <th>18</th>\n",
              "      <th>19</th>\n",
              "      <th>20</th>\n",
              "      <th>21</th>\n",
              "      <th>22</th>\n",
              "      <th>23</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>CLOUD_PLATFORMS</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>Firebase</td>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>Heroku</td>\n",
              "      <td>Vercel</td>\n",
              "      <td>Netlify</td>\n",
              "      <td>VMware</td>\n",
              "      <td>...</td>\n",
              "      <td>OVH</td>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>OpenShift</td>\n",
              "      <td>Fly.io</td>\n",
              "      <td>Vultr</td>\n",
              "      <td>Render</td>\n",
              "      <td>OpenStack</td>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>Scaleway</td>\n",
              "      <td>Colocation</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <td>33818</td>\n",
              "      <td>18105</td>\n",
              "      <td>16592</td>\n",
              "      <td>10761</td>\n",
              "      <td>10599</td>\n",
              "      <td>9299</td>\n",
              "      <td>8358</td>\n",
              "      <td>7431</td>\n",
              "      <td>6228</td>\n",
              "      <td>4964</td>\n",
              "      <td>...</td>\n",
              "      <td>2378</td>\n",
              "      <td>1810</td>\n",
              "      <td>1671</td>\n",
              "      <td>1649</td>\n",
              "      <td>1357</td>\n",
              "      <td>1287</td>\n",
              "      <td>1076</td>\n",
              "      <td>801</td>\n",
              "      <td>628</td>\n",
              "      <td>497</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <td>29479</td>\n",
              "      <td>15441</td>\n",
              "      <td>13304</td>\n",
              "      <td>8550</td>\n",
              "      <td>8326</td>\n",
              "      <td>7838</td>\n",
              "      <td>6535</td>\n",
              "      <td>5727</td>\n",
              "      <td>4708</td>\n",
              "      <td>3584</td>\n",
              "      <td>...</td>\n",
              "      <td>1912</td>\n",
              "      <td>1146</td>\n",
              "      <td>1432</td>\n",
              "      <td>1342</td>\n",
              "      <td>1021</td>\n",
              "      <td>920</td>\n",
              "      <td>802</td>\n",
              "      <td>571</td>\n",
              "      <td>520</td>\n",
              "      <td>385</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <td>654</td>\n",
              "      <td>370</td>\n",
              "      <td>652</td>\n",
              "      <td>628</td>\n",
              "      <td>420</td>\n",
              "      <td>247</td>\n",
              "      <td>492</td>\n",
              "      <td>487</td>\n",
              "      <td>498</td>\n",
              "      <td>262</td>\n",
              "      <td>...</td>\n",
              "      <td>76</td>\n",
              "      <td>123</td>\n",
              "      <td>22</td>\n",
              "      <td>72</td>\n",
              "      <td>55</td>\n",
              "      <td>132</td>\n",
              "      <td>53</td>\n",
              "      <td>53</td>\n",
              "      <td>0</td>\n",
              "      <td>20</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <td>1185</td>\n",
              "      <td>714</td>\n",
              "      <td>866</td>\n",
              "      <td>486</td>\n",
              "      <td>621</td>\n",
              "      <td>393</td>\n",
              "      <td>418</td>\n",
              "      <td>392</td>\n",
              "      <td>330</td>\n",
              "      <td>396</td>\n",
              "      <td>...</td>\n",
              "      <td>126</td>\n",
              "      <td>190</td>\n",
              "      <td>66</td>\n",
              "      <td>79</td>\n",
              "      <td>94</td>\n",
              "      <td>69</td>\n",
              "      <td>78</td>\n",
              "      <td>70</td>\n",
              "      <td>31</td>\n",
              "      <td>30</td>\n",
              "    </tr>\n",
              "  </tbody>\n",
              "</table>\n",
              "<p>5 rows × 23 columns</p>\n",
              "</div>\n",
              "    <div class=\"colab-df-buttons\">\n",
              "\n",
              "  <div class=\"colab-df-container\">\n",
              "    <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-29849804-4236-4837-81c4-8794996f4399')\"\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-29849804-4236-4837-81c4-8794996f4399 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-29849804-4236-4837-81c4-8794996f4399');\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-9d547f9e-8e1b-45dd-b85c-a309797dc9e1\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-9d547f9e-8e1b-45dd-b85c-a309797dc9e1')\"\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-9d547f9e-8e1b-45dd-b85c-a309797dc9e1 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": 23
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can also perform certain actions like average, percentage etc and add it to the dataframe"
      ],
      "metadata": {
        "id": "0CJthepg3Tle"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table[\"PERCENTAGE\"] = round((cloud_survey_table[\"TOTAL_VOTES\"] / np.add.reduce(cloud_survey_table[\"TOTAL_VOTES\"]))*100,2)\n",
        "print(\"Percentage votes of each cloud platform\")\n",
        "cloud_survey_table.PERCENTAGE"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "utpcOF0K3T8t",
        "outputId": "eeee95a0-9241-4c17-a922-eaa70726d2ad"
      },
      "execution_count": 24,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "Percentage votes of each cloud platform\n"
          ]
        },
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "1     22.93\n",
              "2     12.27\n",
              "3     11.25\n",
              "4      7.29\n",
              "5      7.19\n",
              "6      6.30\n",
              "7      5.67\n",
              "8      5.04\n",
              "9      4.22\n",
              "10     3.37\n",
              "11     2.08\n",
              "12     1.87\n",
              "13     1.61\n",
              "14     1.61\n",
              "15     1.23\n",
              "16     1.13\n",
              "17     1.12\n",
              "18     0.92\n",
              "19     0.87\n",
              "20     0.73\n",
              "21     0.54\n",
              "22     0.43\n",
              "23     0.34\n",
              "Name: PERCENTAGE, dtype: float64"
            ]
          },
          "metadata": {},
          "execution_count": 24
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 770
        },
        "id": "RTwSbObC4a01",
        "outputId": "180d065e-466c-4e07-8334-e9e72faf211d"
      },
      "execution_count": 25,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                      CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  \\\n",
              "1           Amazon Web Services (AWS)        33818               29479   \n",
              "2                     Microsoft Azure        18105               15441   \n",
              "3                        Google Cloud        16592               13304   \n",
              "4                            Firebase        10761                8550   \n",
              "5                          Cloudflare        10599                8326   \n",
              "6                       Digital Ocean         9299                7838   \n",
              "7                              Heroku         8358                6535   \n",
              "8                              Vercel         7431                5727   \n",
              "9                             Netlify         6228                4708   \n",
              "10                             VMware         4964                3584   \n",
              "11                            Hetzner         3069                2465   \n",
              "12                 Linode, now Akamai         2755                2104   \n",
              "13                    Managed Hosting         2379                1889   \n",
              "14                                OVH         2378                1912   \n",
              "15  Oracle Cloud Infrastructure (OCI)         1810                1146   \n",
              "16                          OpenShift         1671                1432   \n",
              "17                             Fly.io         1649                1342   \n",
              "18                              Vultr         1357                1021   \n",
              "19                             Render         1287                 920   \n",
              "20                          OpenStack         1076                 802   \n",
              "21                IBM Cloud Or Watson          801                 571   \n",
              "22                           Scaleway          628                 520   \n",
              "23                         Colocation          497                 385   \n",
              "\n",
              "    BEGINNER_VOTES  OTHER_VOTES  PERCENTAGE  \n",
              "1              654         1185       22.93  \n",
              "2              370          714       12.27  \n",
              "3              652          866       11.25  \n",
              "4              628          486        7.29  \n",
              "5              420          621        7.19  \n",
              "6              247          393        6.30  \n",
              "7              492          418        5.67  \n",
              "8              487          392        5.04  \n",
              "9              498          330        4.22  \n",
              "10             262          396        3.37  \n",
              "11              67          184        2.08  \n",
              "12             125          167        1.87  \n",
              "13              63          137        1.61  \n",
              "14              76          126        1.61  \n",
              "15             123          190        1.23  \n",
              "16              22           66        1.13  \n",
              "17              72           79        1.12  \n",
              "18              55           94        0.92  \n",
              "19             132           69        0.87  \n",
              "20              53           78        0.73  \n",
              "21              53           70        0.54  \n",
              "22               0           31        0.43  \n",
              "23              20           30        0.34  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-082f951a-1a9e-4878-be98-170ac9c06264\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>29479</td>\n",
              "      <td>654</td>\n",
              "      <td>1185</td>\n",
              "      <td>22.93</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441</td>\n",
              "      <td>370</td>\n",
              "      <td>714</td>\n",
              "      <td>12.27</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304</td>\n",
              "      <td>652</td>\n",
              "      <td>866</td>\n",
              "      <td>11.25</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550</td>\n",
              "      <td>628</td>\n",
              "      <td>486</td>\n",
              "      <td>7.29</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326</td>\n",
              "      <td>420</td>\n",
              "      <td>621</td>\n",
              "      <td>7.19</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838</td>\n",
              "      <td>247</td>\n",
              "      <td>393</td>\n",
              "      <td>6.30</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535</td>\n",
              "      <td>492</td>\n",
              "      <td>418</td>\n",
              "      <td>5.67</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727</td>\n",
              "      <td>487</td>\n",
              "      <td>392</td>\n",
              "      <td>5.04</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708</td>\n",
              "      <td>498</td>\n",
              "      <td>330</td>\n",
              "      <td>4.22</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584</td>\n",
              "      <td>262</td>\n",
              "      <td>396</td>\n",
              "      <td>3.37</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465</td>\n",
              "      <td>67</td>\n",
              "      <td>184</td>\n",
              "      <td>2.08</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104</td>\n",
              "      <td>125</td>\n",
              "      <td>167</td>\n",
              "      <td>1.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889</td>\n",
              "      <td>63</td>\n",
              "      <td>137</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912</td>\n",
              "      <td>76</td>\n",
              "      <td>126</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146</td>\n",
              "      <td>123</td>\n",
              "      <td>190</td>\n",
              "      <td>1.23</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432</td>\n",
              "      <td>22</td>\n",
              "      <td>66</td>\n",
              "      <td>1.13</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342</td>\n",
              "      <td>72</td>\n",
              "      <td>79</td>\n",
              "      <td>1.12</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021</td>\n",
              "      <td>55</td>\n",
              "      <td>94</td>\n",
              "      <td>0.92</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920</td>\n",
              "      <td>132</td>\n",
              "      <td>69</td>\n",
              "      <td>0.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802</td>\n",
              "      <td>53</td>\n",
              "      <td>78</td>\n",
              "      <td>0.73</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571</td>\n",
              "      <td>53</td>\n",
              "      <td>70</td>\n",
              "      <td>0.54</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520</td>\n",
              "      <td>0</td>\n",
              "      <td>31</td>\n",
              "      <td>0.43</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385</td>\n",
              "      <td>20</td>\n",
              "      <td>30</td>\n",
              "      <td>0.34</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-082f951a-1a9e-4878-be98-170ac9c06264')\"\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-082f951a-1a9e-4878-be98-170ac9c06264 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-082f951a-1a9e-4878-be98-170ac9c06264');\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-dfdbcbeb-c44f-4008-8f50-fe4bb15f0ccc\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-dfdbcbeb-c44f-4008-8f50-fe4bb15f0ccc')\"\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-dfdbcbeb-c44f-4008-8f50-fe4bb15f0ccc 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": 25
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can use the copy method to copy one pandas object into another"
      ],
      "metadata": {
        "id": "IyqSh4Ie6fXe"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_missing = cloud_survey_table.copy()"
      ],
      "metadata": {
        "id": "5cqz6EPp6n58"
      },
      "execution_count": 26,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Filling, altering and dropping values\n",
        "\n",
        "*   We can also edit the values of a particular place using the following syntax\n",
        "*   To represent Not a number we'll use np.nan\n",
        "\n"
      ],
      "metadata": {
        "id": "U9FykuZA8_tD"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_missing.loc[1,\"PROFESSIONAL_VOTES\"] = np.nan\n",
        "cloud_survey_table_missing"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 770
        },
        "id": "sR5lV_Th89AI",
        "outputId": "854b54d5-4bbd-440d-c8d8-4c8e72f9f050"
      },
      "execution_count": 27,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                      CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  \\\n",
              "1           Amazon Web Services (AWS)        33818                 NaN   \n",
              "2                     Microsoft Azure        18105             15441.0   \n",
              "3                        Google Cloud        16592             13304.0   \n",
              "4                            Firebase        10761              8550.0   \n",
              "5                          Cloudflare        10599              8326.0   \n",
              "6                       Digital Ocean         9299              7838.0   \n",
              "7                              Heroku         8358              6535.0   \n",
              "8                              Vercel         7431              5727.0   \n",
              "9                             Netlify         6228              4708.0   \n",
              "10                             VMware         4964              3584.0   \n",
              "11                            Hetzner         3069              2465.0   \n",
              "12                 Linode, now Akamai         2755              2104.0   \n",
              "13                    Managed Hosting         2379              1889.0   \n",
              "14                                OVH         2378              1912.0   \n",
              "15  Oracle Cloud Infrastructure (OCI)         1810              1146.0   \n",
              "16                          OpenShift         1671              1432.0   \n",
              "17                             Fly.io         1649              1342.0   \n",
              "18                              Vultr         1357              1021.0   \n",
              "19                             Render         1287               920.0   \n",
              "20                          OpenStack         1076               802.0   \n",
              "21                IBM Cloud Or Watson          801               571.0   \n",
              "22                           Scaleway          628               520.0   \n",
              "23                         Colocation          497               385.0   \n",
              "\n",
              "    BEGINNER_VOTES  OTHER_VOTES  PERCENTAGE  \n",
              "1              654         1185       22.93  \n",
              "2              370          714       12.27  \n",
              "3              652          866       11.25  \n",
              "4              628          486        7.29  \n",
              "5              420          621        7.19  \n",
              "6              247          393        6.30  \n",
              "7              492          418        5.67  \n",
              "8              487          392        5.04  \n",
              "9              498          330        4.22  \n",
              "10             262          396        3.37  \n",
              "11              67          184        2.08  \n",
              "12             125          167        1.87  \n",
              "13              63          137        1.61  \n",
              "14              76          126        1.61  \n",
              "15             123          190        1.23  \n",
              "16              22           66        1.13  \n",
              "17              72           79        1.12  \n",
              "18              55           94        0.92  \n",
              "19             132           69        0.87  \n",
              "20              53           78        0.73  \n",
              "21              53           70        0.54  \n",
              "22               0           31        0.43  \n",
              "23              20           30        0.34  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-447012ec-062c-420c-a72b-c3a5fdb7fb44\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>NaN</td>\n",
              "      <td>654</td>\n",
              "      <td>1185</td>\n",
              "      <td>22.93</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441.0</td>\n",
              "      <td>370</td>\n",
              "      <td>714</td>\n",
              "      <td>12.27</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304.0</td>\n",
              "      <td>652</td>\n",
              "      <td>866</td>\n",
              "      <td>11.25</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550.0</td>\n",
              "      <td>628</td>\n",
              "      <td>486</td>\n",
              "      <td>7.29</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326.0</td>\n",
              "      <td>420</td>\n",
              "      <td>621</td>\n",
              "      <td>7.19</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838.0</td>\n",
              "      <td>247</td>\n",
              "      <td>393</td>\n",
              "      <td>6.30</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535.0</td>\n",
              "      <td>492</td>\n",
              "      <td>418</td>\n",
              "      <td>5.67</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727.0</td>\n",
              "      <td>487</td>\n",
              "      <td>392</td>\n",
              "      <td>5.04</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708.0</td>\n",
              "      <td>498</td>\n",
              "      <td>330</td>\n",
              "      <td>4.22</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584.0</td>\n",
              "      <td>262</td>\n",
              "      <td>396</td>\n",
              "      <td>3.37</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465.0</td>\n",
              "      <td>67</td>\n",
              "      <td>184</td>\n",
              "      <td>2.08</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104.0</td>\n",
              "      <td>125</td>\n",
              "      <td>167</td>\n",
              "      <td>1.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889.0</td>\n",
              "      <td>63</td>\n",
              "      <td>137</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912.0</td>\n",
              "      <td>76</td>\n",
              "      <td>126</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146.0</td>\n",
              "      <td>123</td>\n",
              "      <td>190</td>\n",
              "      <td>1.23</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432.0</td>\n",
              "      <td>22</td>\n",
              "      <td>66</td>\n",
              "      <td>1.13</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342.0</td>\n",
              "      <td>72</td>\n",
              "      <td>79</td>\n",
              "      <td>1.12</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021.0</td>\n",
              "      <td>55</td>\n",
              "      <td>94</td>\n",
              "      <td>0.92</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920.0</td>\n",
              "      <td>132</td>\n",
              "      <td>69</td>\n",
              "      <td>0.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802.0</td>\n",
              "      <td>53</td>\n",
              "      <td>78</td>\n",
              "      <td>0.73</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571.0</td>\n",
              "      <td>53</td>\n",
              "      <td>70</td>\n",
              "      <td>0.54</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520.0</td>\n",
              "      <td>0</td>\n",
              "      <td>31</td>\n",
              "      <td>0.43</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385.0</td>\n",
              "      <td>20</td>\n",
              "      <td>30</td>\n",
              "      <td>0.34</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-447012ec-062c-420c-a72b-c3a5fdb7fb44')\"\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-447012ec-062c-420c-a72b-c3a5fdb7fb44 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-447012ec-062c-420c-a72b-c3a5fdb7fb44');\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-cd317adc-7d1a-4f0c-8b8f-58d52ec7d1a7\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-cd317adc-7d1a-4f0c-8b8f-58d52ec7d1a7')\"\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-cd317adc-7d1a-4f0c-8b8f-58d52ec7d1a7 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": 27
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "When we use NaN value at any one place it changes the datatype of the element to float"
      ],
      "metadata": {
        "id": "YGV20ahk_p-u"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_missing.loc[3,\"BEGINNER_VOTES\"] = np.nan\n",
        "cloud_survey_table_missing.loc[4,\"OTHER_VOTES\"] = np.nan\n",
        "cloud_survey_table_missing"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 770
        },
        "id": "ljSu5MZbAxgQ",
        "outputId": "4192787d-62d9-4282-e832-28a18b53f52d"
      },
      "execution_count": 28,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                      CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  \\\n",
              "1           Amazon Web Services (AWS)        33818                 NaN   \n",
              "2                     Microsoft Azure        18105             15441.0   \n",
              "3                        Google Cloud        16592             13304.0   \n",
              "4                            Firebase        10761              8550.0   \n",
              "5                          Cloudflare        10599              8326.0   \n",
              "6                       Digital Ocean         9299              7838.0   \n",
              "7                              Heroku         8358              6535.0   \n",
              "8                              Vercel         7431              5727.0   \n",
              "9                             Netlify         6228              4708.0   \n",
              "10                             VMware         4964              3584.0   \n",
              "11                            Hetzner         3069              2465.0   \n",
              "12                 Linode, now Akamai         2755              2104.0   \n",
              "13                    Managed Hosting         2379              1889.0   \n",
              "14                                OVH         2378              1912.0   \n",
              "15  Oracle Cloud Infrastructure (OCI)         1810              1146.0   \n",
              "16                          OpenShift         1671              1432.0   \n",
              "17                             Fly.io         1649              1342.0   \n",
              "18                              Vultr         1357              1021.0   \n",
              "19                             Render         1287               920.0   \n",
              "20                          OpenStack         1076               802.0   \n",
              "21                IBM Cloud Or Watson          801               571.0   \n",
              "22                           Scaleway          628               520.0   \n",
              "23                         Colocation          497               385.0   \n",
              "\n",
              "    BEGINNER_VOTES  OTHER_VOTES  PERCENTAGE  \n",
              "1            654.0       1185.0       22.93  \n",
              "2            370.0        714.0       12.27  \n",
              "3              NaN        866.0       11.25  \n",
              "4            628.0          NaN        7.29  \n",
              "5            420.0        621.0        7.19  \n",
              "6            247.0        393.0        6.30  \n",
              "7            492.0        418.0        5.67  \n",
              "8            487.0        392.0        5.04  \n",
              "9            498.0        330.0        4.22  \n",
              "10           262.0        396.0        3.37  \n",
              "11            67.0        184.0        2.08  \n",
              "12           125.0        167.0        1.87  \n",
              "13            63.0        137.0        1.61  \n",
              "14            76.0        126.0        1.61  \n",
              "15           123.0        190.0        1.23  \n",
              "16            22.0         66.0        1.13  \n",
              "17            72.0         79.0        1.12  \n",
              "18            55.0         94.0        0.92  \n",
              "19           132.0         69.0        0.87  \n",
              "20            53.0         78.0        0.73  \n",
              "21            53.0         70.0        0.54  \n",
              "22             0.0         31.0        0.43  \n",
              "23            20.0         30.0        0.34  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-c54b47fa-3013-4aaa-a873-a8fdb6f59fbd\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>NaN</td>\n",
              "      <td>654.0</td>\n",
              "      <td>1185.0</td>\n",
              "      <td>22.93</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441.0</td>\n",
              "      <td>370.0</td>\n",
              "      <td>714.0</td>\n",
              "      <td>12.27</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>866.0</td>\n",
              "      <td>11.25</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550.0</td>\n",
              "      <td>628.0</td>\n",
              "      <td>NaN</td>\n",
              "      <td>7.29</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326.0</td>\n",
              "      <td>420.0</td>\n",
              "      <td>621.0</td>\n",
              "      <td>7.19</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838.0</td>\n",
              "      <td>247.0</td>\n",
              "      <td>393.0</td>\n",
              "      <td>6.30</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535.0</td>\n",
              "      <td>492.0</td>\n",
              "      <td>418.0</td>\n",
              "      <td>5.67</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727.0</td>\n",
              "      <td>487.0</td>\n",
              "      <td>392.0</td>\n",
              "      <td>5.04</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708.0</td>\n",
              "      <td>498.0</td>\n",
              "      <td>330.0</td>\n",
              "      <td>4.22</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584.0</td>\n",
              "      <td>262.0</td>\n",
              "      <td>396.0</td>\n",
              "      <td>3.37</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465.0</td>\n",
              "      <td>67.0</td>\n",
              "      <td>184.0</td>\n",
              "      <td>2.08</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104.0</td>\n",
              "      <td>125.0</td>\n",
              "      <td>167.0</td>\n",
              "      <td>1.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889.0</td>\n",
              "      <td>63.0</td>\n",
              "      <td>137.0</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912.0</td>\n",
              "      <td>76.0</td>\n",
              "      <td>126.0</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146.0</td>\n",
              "      <td>123.0</td>\n",
              "      <td>190.0</td>\n",
              "      <td>1.23</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432.0</td>\n",
              "      <td>22.0</td>\n",
              "      <td>66.0</td>\n",
              "      <td>1.13</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342.0</td>\n",
              "      <td>72.0</td>\n",
              "      <td>79.0</td>\n",
              "      <td>1.12</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021.0</td>\n",
              "      <td>55.0</td>\n",
              "      <td>94.0</td>\n",
              "      <td>0.92</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920.0</td>\n",
              "      <td>132.0</td>\n",
              "      <td>69.0</td>\n",
              "      <td>0.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802.0</td>\n",
              "      <td>53.0</td>\n",
              "      <td>78.0</td>\n",
              "      <td>0.73</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571.0</td>\n",
              "      <td>53.0</td>\n",
              "      <td>70.0</td>\n",
              "      <td>0.54</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520.0</td>\n",
              "      <td>0.0</td>\n",
              "      <td>31.0</td>\n",
              "      <td>0.43</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385.0</td>\n",
              "      <td>20.0</td>\n",
              "      <td>30.0</td>\n",
              "      <td>0.34</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-c54b47fa-3013-4aaa-a873-a8fdb6f59fbd')\"\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-c54b47fa-3013-4aaa-a873-a8fdb6f59fbd 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-c54b47fa-3013-4aaa-a873-a8fdb6f59fbd');\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-983797f5-69ef-49bf-acc0-f40ad3f7a18e\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-983797f5-69ef-49bf-acc0-f40ad3f7a18e')\"\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-983797f5-69ef-49bf-acc0-f40ad3f7a18e 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": 28
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can also detect null values by using isnull function...It returns true at the places where the value is null and false everywhere else"
      ],
      "metadata": {
        "id": "2-Ga0mIAFihc"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_missing.isnull()"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 770
        },
        "id": "zuT1H4HtFoQG",
        "outputId": "1817228f-ddc3-4a80-cef9-e46bb558f09d"
      },
      "execution_count": 29,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "    CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  BEGINNER_VOTES  \\\n",
              "1             False        False                True           False   \n",
              "2             False        False               False           False   \n",
              "3             False        False               False            True   \n",
              "4             False        False               False           False   \n",
              "5             False        False               False           False   \n",
              "6             False        False               False           False   \n",
              "7             False        False               False           False   \n",
              "8             False        False               False           False   \n",
              "9             False        False               False           False   \n",
              "10            False        False               False           False   \n",
              "11            False        False               False           False   \n",
              "12            False        False               False           False   \n",
              "13            False        False               False           False   \n",
              "14            False        False               False           False   \n",
              "15            False        False               False           False   \n",
              "16            False        False               False           False   \n",
              "17            False        False               False           False   \n",
              "18            False        False               False           False   \n",
              "19            False        False               False           False   \n",
              "20            False        False               False           False   \n",
              "21            False        False               False           False   \n",
              "22            False        False               False           False   \n",
              "23            False        False               False           False   \n",
              "\n",
              "    OTHER_VOTES  PERCENTAGE  \n",
              "1         False       False  \n",
              "2         False       False  \n",
              "3         False       False  \n",
              "4          True       False  \n",
              "5         False       False  \n",
              "6         False       False  \n",
              "7         False       False  \n",
              "8         False       False  \n",
              "9         False       False  \n",
              "10        False       False  \n",
              "11        False       False  \n",
              "12        False       False  \n",
              "13        False       False  \n",
              "14        False       False  \n",
              "15        False       False  \n",
              "16        False       False  \n",
              "17        False       False  \n",
              "18        False       False  \n",
              "19        False       False  \n",
              "20        False       False  \n",
              "21        False       False  \n",
              "22        False       False  \n",
              "23        False       False  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-a2a3d864-45c8-461e-9d8e-74bc65268aea\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>True</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>True</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>True</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</td>\n",
              "      <td>False</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-a2a3d864-45c8-461e-9d8e-74bc65268aea')\"\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-a2a3d864-45c8-461e-9d8e-74bc65268aea 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-a2a3d864-45c8-461e-9d8e-74bc65268aea');\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-221ba609-0724-4b2b-9bcb-7282d940f16e\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-221ba609-0724-4b2b-9bcb-7282d940f16e')\"\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-221ba609-0724-4b2b-9bcb-7282d940f16e 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": 29
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can either fill or drop (removing the whole row) NaN values\n",
        "\n",
        "\n",
        "\n"
      ],
      "metadata": {
        "id": "Aj9mZDw7GjPq"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "Let's see how to drop NaN values :-"
      ],
      "metadata": {
        "id": "95vQ8k5gR6D7"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_missing.dropna()"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 676
        },
        "id": "3gUMtbsBGt9r",
        "outputId": "c4d5bfcc-852e-4196-900d-e2c86f834eb1"
      },
      "execution_count": 30,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                      CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  \\\n",
              "2                     Microsoft Azure        18105             15441.0   \n",
              "5                          Cloudflare        10599              8326.0   \n",
              "6                       Digital Ocean         9299              7838.0   \n",
              "7                              Heroku         8358              6535.0   \n",
              "8                              Vercel         7431              5727.0   \n",
              "9                             Netlify         6228              4708.0   \n",
              "10                             VMware         4964              3584.0   \n",
              "11                            Hetzner         3069              2465.0   \n",
              "12                 Linode, now Akamai         2755              2104.0   \n",
              "13                    Managed Hosting         2379              1889.0   \n",
              "14                                OVH         2378              1912.0   \n",
              "15  Oracle Cloud Infrastructure (OCI)         1810              1146.0   \n",
              "16                          OpenShift         1671              1432.0   \n",
              "17                             Fly.io         1649              1342.0   \n",
              "18                              Vultr         1357              1021.0   \n",
              "19                             Render         1287               920.0   \n",
              "20                          OpenStack         1076               802.0   \n",
              "21                IBM Cloud Or Watson          801               571.0   \n",
              "22                           Scaleway          628               520.0   \n",
              "23                         Colocation          497               385.0   \n",
              "\n",
              "    BEGINNER_VOTES  OTHER_VOTES  PERCENTAGE  \n",
              "2            370.0        714.0       12.27  \n",
              "5            420.0        621.0        7.19  \n",
              "6            247.0        393.0        6.30  \n",
              "7            492.0        418.0        5.67  \n",
              "8            487.0        392.0        5.04  \n",
              "9            498.0        330.0        4.22  \n",
              "10           262.0        396.0        3.37  \n",
              "11            67.0        184.0        2.08  \n",
              "12           125.0        167.0        1.87  \n",
              "13            63.0        137.0        1.61  \n",
              "14            76.0        126.0        1.61  \n",
              "15           123.0        190.0        1.23  \n",
              "16            22.0         66.0        1.13  \n",
              "17            72.0         79.0        1.12  \n",
              "18            55.0         94.0        0.92  \n",
              "19           132.0         69.0        0.87  \n",
              "20            53.0         78.0        0.73  \n",
              "21            53.0         70.0        0.54  \n",
              "22             0.0         31.0        0.43  \n",
              "23            20.0         30.0        0.34  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-1d7c0181-4322-4346-8c03-00324f73fd3c\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441.0</td>\n",
              "      <td>370.0</td>\n",
              "      <td>714.0</td>\n",
              "      <td>12.27</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326.0</td>\n",
              "      <td>420.0</td>\n",
              "      <td>621.0</td>\n",
              "      <td>7.19</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838.0</td>\n",
              "      <td>247.0</td>\n",
              "      <td>393.0</td>\n",
              "      <td>6.30</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535.0</td>\n",
              "      <td>492.0</td>\n",
              "      <td>418.0</td>\n",
              "      <td>5.67</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727.0</td>\n",
              "      <td>487.0</td>\n",
              "      <td>392.0</td>\n",
              "      <td>5.04</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708.0</td>\n",
              "      <td>498.0</td>\n",
              "      <td>330.0</td>\n",
              "      <td>4.22</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584.0</td>\n",
              "      <td>262.0</td>\n",
              "      <td>396.0</td>\n",
              "      <td>3.37</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465.0</td>\n",
              "      <td>67.0</td>\n",
              "      <td>184.0</td>\n",
              "      <td>2.08</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104.0</td>\n",
              "      <td>125.0</td>\n",
              "      <td>167.0</td>\n",
              "      <td>1.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889.0</td>\n",
              "      <td>63.0</td>\n",
              "      <td>137.0</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912.0</td>\n",
              "      <td>76.0</td>\n",
              "      <td>126.0</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146.0</td>\n",
              "      <td>123.0</td>\n",
              "      <td>190.0</td>\n",
              "      <td>1.23</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432.0</td>\n",
              "      <td>22.0</td>\n",
              "      <td>66.0</td>\n",
              "      <td>1.13</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342.0</td>\n",
              "      <td>72.0</td>\n",
              "      <td>79.0</td>\n",
              "      <td>1.12</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021.0</td>\n",
              "      <td>55.0</td>\n",
              "      <td>94.0</td>\n",
              "      <td>0.92</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920.0</td>\n",
              "      <td>132.0</td>\n",
              "      <td>69.0</td>\n",
              "      <td>0.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802.0</td>\n",
              "      <td>53.0</td>\n",
              "      <td>78.0</td>\n",
              "      <td>0.73</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571.0</td>\n",
              "      <td>53.0</td>\n",
              "      <td>70.0</td>\n",
              "      <td>0.54</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520.0</td>\n",
              "      <td>0.0</td>\n",
              "      <td>31.0</td>\n",
              "      <td>0.43</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385.0</td>\n",
              "      <td>20.0</td>\n",
              "      <td>30.0</td>\n",
              "      <td>0.34</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-1d7c0181-4322-4346-8c03-00324f73fd3c')\"\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-1d7c0181-4322-4346-8c03-00324f73fd3c 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-1d7c0181-4322-4346-8c03-00324f73fd3c');\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-793f6e75-1aed-4431-9b74-cdf747803dc3\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-793f6e75-1aed-4431-9b74-cdf747803dc3')\"\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-793f6e75-1aed-4431-9b74-cdf747803dc3 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": 30
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "If we try to perform actions on array which have NaN values then the result will be NaN"
      ],
      "metadata": {
        "id": "gEkyZXVUXG1p"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "print(\"Mean value without any change :-\",np.add.reduce(cloud_survey_table_missing.PROFESSIONAL_VOTES)/len(cloud_survey_table_missing.PROFESSIONAL_VOTES))"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "U5YfHV8dLn8C",
        "outputId": "be82bf16-c06b-4f58-fb40-a10af2af2568"
      },
      "execution_count": 31,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "Mean value without any change :- nan\n"
          ]
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "*   We can fill the NaN values with other values\n",
        "*   For that we'll use the fillna() and we'll pass a dictionary with column name as the key and the replacement value as the value"
      ],
      "metadata": {
        "id": "ysVIin1gW6hW"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "Let's start by calculating the mean after replacing NaN values with zero"
      ],
      "metadata": {
        "id": "FcWdOtONiWfV"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_filled = cloud_survey_table_missing.fillna({\"PROFESSIONAL_VOTES\":0,\"BEGINNER_VOTES\":0,\"OTHER_VOTES\":0})\n",
        "print(\"Mean value after filling NaN values with zero :-\",round(np.add.reduce(cloud_survey_table_filled.PROFESSIONAL_VOTES)/len(cloud_survey_table_filled.PROFESSIONAL_VOTES),2))\n"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "JCs7jntTP53X",
        "outputId": "2881a115-c1ff-4f81-b713-ce9dc3eef737"
      },
      "execution_count": 32,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "Mean value after filling NaN values with zero :- 3935.74\n"
          ]
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "Now, Let's try to calculate the mean by dropping the NaN values\n",
        "\n",
        "Note: Both the value and number will decrease"
      ],
      "metadata": {
        "id": "-cteoFzNihc8"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "print(\"Mean value after dropping NaN values :-\",round(np.add.reduce(cloud_survey_table_missing.PROFESSIONAL_VOTES.dropna())/len(cloud_survey_table_missing.PROFESSIONAL_VOTES.dropna()),2))\n"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "gXGlIiUUSLLc",
        "outputId": "2e00993c-0f99-4182-fa37-b3bdffbb9070"
      },
      "execution_count": 33,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "Mean value after dropping NaN values :- 4114.64\n"
          ]
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "Instead of calculating mean manually we can also use this numpy function named **mean()** or **nanmean()**\n",
        "\n",
        "\n",
        "\n",
        "*   mean(): Used when the array doesn't have any NaN value\n",
        "*   namean(): Used when the array does have a NaN value\n",
        "\n"
      ],
      "metadata": {
        "id": "pQ1xNVAbY0Ca"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "print(\"Mean value after dropping NaN values using dropna() and mean():-\",round(np.mean(cloud_survey_table_missing.PROFESSIONAL_VOTES.dropna()),2))\n",
        "print(\"Mean value after dropping NaN values using array with NaN values and nanmean():-\",round(np.nanmean(cloud_survey_table_missing['PROFESSIONAL_VOTES']),2))"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "U7uhOGJCPTOp",
        "outputId": "170cb015-a80c-4fbf-e6fd-6c18b0397886"
      },
      "execution_count": 34,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": [
            "Mean value after dropping NaN values using dropna() and mean():- 4114.64\n",
            "Mean value after dropping NaN values using array with NaN values and nanmean():- 4114.64\n"
          ]
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "Another method to fill the missing values is by using the value which is just next to it. We'll do so using the same method **fillna()** with the argument **method='ffill'**"
      ],
      "metadata": {
        "id": "ceZnuL8UfDXc"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_missing.fillna(method=\"ffill\") # Forward Fill\n",
        "# We usually use this approach in place like stock price"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 770
        },
        "id": "y-rc-mcDfXht",
        "outputId": "b1b82862-0170-4d8f-c413-f17649231547"
      },
      "execution_count": 35,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                      CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  \\\n",
              "1           Amazon Web Services (AWS)        33818                 NaN   \n",
              "2                     Microsoft Azure        18105             15441.0   \n",
              "3                        Google Cloud        16592             13304.0   \n",
              "4                            Firebase        10761              8550.0   \n",
              "5                          Cloudflare        10599              8326.0   \n",
              "6                       Digital Ocean         9299              7838.0   \n",
              "7                              Heroku         8358              6535.0   \n",
              "8                              Vercel         7431              5727.0   \n",
              "9                             Netlify         6228              4708.0   \n",
              "10                             VMware         4964              3584.0   \n",
              "11                            Hetzner         3069              2465.0   \n",
              "12                 Linode, now Akamai         2755              2104.0   \n",
              "13                    Managed Hosting         2379              1889.0   \n",
              "14                                OVH         2378              1912.0   \n",
              "15  Oracle Cloud Infrastructure (OCI)         1810              1146.0   \n",
              "16                          OpenShift         1671              1432.0   \n",
              "17                             Fly.io         1649              1342.0   \n",
              "18                              Vultr         1357              1021.0   \n",
              "19                             Render         1287               920.0   \n",
              "20                          OpenStack         1076               802.0   \n",
              "21                IBM Cloud Or Watson          801               571.0   \n",
              "22                           Scaleway          628               520.0   \n",
              "23                         Colocation          497               385.0   \n",
              "\n",
              "    BEGINNER_VOTES  OTHER_VOTES  PERCENTAGE  \n",
              "1            654.0       1185.0       22.93  \n",
              "2            370.0        714.0       12.27  \n",
              "3            370.0        866.0       11.25  \n",
              "4            628.0        866.0        7.29  \n",
              "5            420.0        621.0        7.19  \n",
              "6            247.0        393.0        6.30  \n",
              "7            492.0        418.0        5.67  \n",
              "8            487.0        392.0        5.04  \n",
              "9            498.0        330.0        4.22  \n",
              "10           262.0        396.0        3.37  \n",
              "11            67.0        184.0        2.08  \n",
              "12           125.0        167.0        1.87  \n",
              "13            63.0        137.0        1.61  \n",
              "14            76.0        126.0        1.61  \n",
              "15           123.0        190.0        1.23  \n",
              "16            22.0         66.0        1.13  \n",
              "17            72.0         79.0        1.12  \n",
              "18            55.0         94.0        0.92  \n",
              "19           132.0         69.0        0.87  \n",
              "20            53.0         78.0        0.73  \n",
              "21            53.0         70.0        0.54  \n",
              "22             0.0         31.0        0.43  \n",
              "23            20.0         30.0        0.34  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-1afa77a1-b132-453f-b6ed-5692970a0c4b\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>NaN</td>\n",
              "      <td>654.0</td>\n",
              "      <td>1185.0</td>\n",
              "      <td>22.93</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441.0</td>\n",
              "      <td>370.0</td>\n",
              "      <td>714.0</td>\n",
              "      <td>12.27</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304.0</td>\n",
              "      <td>370.0</td>\n",
              "      <td>866.0</td>\n",
              "      <td>11.25</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550.0</td>\n",
              "      <td>628.0</td>\n",
              "      <td>866.0</td>\n",
              "      <td>7.29</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326.0</td>\n",
              "      <td>420.0</td>\n",
              "      <td>621.0</td>\n",
              "      <td>7.19</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838.0</td>\n",
              "      <td>247.0</td>\n",
              "      <td>393.0</td>\n",
              "      <td>6.30</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535.0</td>\n",
              "      <td>492.0</td>\n",
              "      <td>418.0</td>\n",
              "      <td>5.67</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727.0</td>\n",
              "      <td>487.0</td>\n",
              "      <td>392.0</td>\n",
              "      <td>5.04</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708.0</td>\n",
              "      <td>498.0</td>\n",
              "      <td>330.0</td>\n",
              "      <td>4.22</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584.0</td>\n",
              "      <td>262.0</td>\n",
              "      <td>396.0</td>\n",
              "      <td>3.37</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465.0</td>\n",
              "      <td>67.0</td>\n",
              "      <td>184.0</td>\n",
              "      <td>2.08</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104.0</td>\n",
              "      <td>125.0</td>\n",
              "      <td>167.0</td>\n",
              "      <td>1.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889.0</td>\n",
              "      <td>63.0</td>\n",
              "      <td>137.0</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912.0</td>\n",
              "      <td>76.0</td>\n",
              "      <td>126.0</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146.0</td>\n",
              "      <td>123.0</td>\n",
              "      <td>190.0</td>\n",
              "      <td>1.23</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432.0</td>\n",
              "      <td>22.0</td>\n",
              "      <td>66.0</td>\n",
              "      <td>1.13</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342.0</td>\n",
              "      <td>72.0</td>\n",
              "      <td>79.0</td>\n",
              "      <td>1.12</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021.0</td>\n",
              "      <td>55.0</td>\n",
              "      <td>94.0</td>\n",
              "      <td>0.92</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920.0</td>\n",
              "      <td>132.0</td>\n",
              "      <td>69.0</td>\n",
              "      <td>0.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802.0</td>\n",
              "      <td>53.0</td>\n",
              "      <td>78.0</td>\n",
              "      <td>0.73</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571.0</td>\n",
              "      <td>53.0</td>\n",
              "      <td>70.0</td>\n",
              "      <td>0.54</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520.0</td>\n",
              "      <td>0.0</td>\n",
              "      <td>31.0</td>\n",
              "      <td>0.43</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385.0</td>\n",
              "      <td>20.0</td>\n",
              "      <td>30.0</td>\n",
              "      <td>0.34</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-1afa77a1-b132-453f-b6ed-5692970a0c4b')\"\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-1afa77a1-b132-453f-b6ed-5692970a0c4b 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-1afa77a1-b132-453f-b6ed-5692970a0c4b');\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-a4454811-d576-40c9-93b9-474758073228\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-a4454811-d576-40c9-93b9-474758073228')\"\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-a4454811-d576-40c9-93b9-474758073228 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": 35
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can also do this using the backward propagation"
      ],
      "metadata": {
        "id": "rF2BP9WngUms"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_missing.fillna(method=\"bfill\") # Backward Fill"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 770
        },
        "id": "Dj_TJaMwgYlx",
        "outputId": "1c116821-f925-4517-c0d1-fe0eb2eb4e06"
      },
      "execution_count": 36,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                      CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  \\\n",
              "1           Amazon Web Services (AWS)        33818             15441.0   \n",
              "2                     Microsoft Azure        18105             15441.0   \n",
              "3                        Google Cloud        16592             13304.0   \n",
              "4                            Firebase        10761              8550.0   \n",
              "5                          Cloudflare        10599              8326.0   \n",
              "6                       Digital Ocean         9299              7838.0   \n",
              "7                              Heroku         8358              6535.0   \n",
              "8                              Vercel         7431              5727.0   \n",
              "9                             Netlify         6228              4708.0   \n",
              "10                             VMware         4964              3584.0   \n",
              "11                            Hetzner         3069              2465.0   \n",
              "12                 Linode, now Akamai         2755              2104.0   \n",
              "13                    Managed Hosting         2379              1889.0   \n",
              "14                                OVH         2378              1912.0   \n",
              "15  Oracle Cloud Infrastructure (OCI)         1810              1146.0   \n",
              "16                          OpenShift         1671              1432.0   \n",
              "17                             Fly.io         1649              1342.0   \n",
              "18                              Vultr         1357              1021.0   \n",
              "19                             Render         1287               920.0   \n",
              "20                          OpenStack         1076               802.0   \n",
              "21                IBM Cloud Or Watson          801               571.0   \n",
              "22                           Scaleway          628               520.0   \n",
              "23                         Colocation          497               385.0   \n",
              "\n",
              "    BEGINNER_VOTES  OTHER_VOTES  PERCENTAGE  \n",
              "1            654.0       1185.0       22.93  \n",
              "2            370.0        714.0       12.27  \n",
              "3            628.0        866.0       11.25  \n",
              "4            628.0        621.0        7.29  \n",
              "5            420.0        621.0        7.19  \n",
              "6            247.0        393.0        6.30  \n",
              "7            492.0        418.0        5.67  \n",
              "8            487.0        392.0        5.04  \n",
              "9            498.0        330.0        4.22  \n",
              "10           262.0        396.0        3.37  \n",
              "11            67.0        184.0        2.08  \n",
              "12           125.0        167.0        1.87  \n",
              "13            63.0        137.0        1.61  \n",
              "14            76.0        126.0        1.61  \n",
              "15           123.0        190.0        1.23  \n",
              "16            22.0         66.0        1.13  \n",
              "17            72.0         79.0        1.12  \n",
              "18            55.0         94.0        0.92  \n",
              "19           132.0         69.0        0.87  \n",
              "20            53.0         78.0        0.73  \n",
              "21            53.0         70.0        0.54  \n",
              "22             0.0         31.0        0.43  \n",
              "23            20.0         30.0        0.34  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-8bb707a9-fef1-4ff8-a6fc-498bd7f341e5\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>15441.0</td>\n",
              "      <td>654.0</td>\n",
              "      <td>1185.0</td>\n",
              "      <td>22.93</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441.0</td>\n",
              "      <td>370.0</td>\n",
              "      <td>714.0</td>\n",
              "      <td>12.27</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304.0</td>\n",
              "      <td>628.0</td>\n",
              "      <td>866.0</td>\n",
              "      <td>11.25</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550.0</td>\n",
              "      <td>628.0</td>\n",
              "      <td>621.0</td>\n",
              "      <td>7.29</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326.0</td>\n",
              "      <td>420.0</td>\n",
              "      <td>621.0</td>\n",
              "      <td>7.19</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838.0</td>\n",
              "      <td>247.0</td>\n",
              "      <td>393.0</td>\n",
              "      <td>6.30</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535.0</td>\n",
              "      <td>492.0</td>\n",
              "      <td>418.0</td>\n",
              "      <td>5.67</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727.0</td>\n",
              "      <td>487.0</td>\n",
              "      <td>392.0</td>\n",
              "      <td>5.04</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708.0</td>\n",
              "      <td>498.0</td>\n",
              "      <td>330.0</td>\n",
              "      <td>4.22</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584.0</td>\n",
              "      <td>262.0</td>\n",
              "      <td>396.0</td>\n",
              "      <td>3.37</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465.0</td>\n",
              "      <td>67.0</td>\n",
              "      <td>184.0</td>\n",
              "      <td>2.08</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104.0</td>\n",
              "      <td>125.0</td>\n",
              "      <td>167.0</td>\n",
              "      <td>1.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889.0</td>\n",
              "      <td>63.0</td>\n",
              "      <td>137.0</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912.0</td>\n",
              "      <td>76.0</td>\n",
              "      <td>126.0</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146.0</td>\n",
              "      <td>123.0</td>\n",
              "      <td>190.0</td>\n",
              "      <td>1.23</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432.0</td>\n",
              "      <td>22.0</td>\n",
              "      <td>66.0</td>\n",
              "      <td>1.13</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342.0</td>\n",
              "      <td>72.0</td>\n",
              "      <td>79.0</td>\n",
              "      <td>1.12</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021.0</td>\n",
              "      <td>55.0</td>\n",
              "      <td>94.0</td>\n",
              "      <td>0.92</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920.0</td>\n",
              "      <td>132.0</td>\n",
              "      <td>69.0</td>\n",
              "      <td>0.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802.0</td>\n",
              "      <td>53.0</td>\n",
              "      <td>78.0</td>\n",
              "      <td>0.73</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571.0</td>\n",
              "      <td>53.0</td>\n",
              "      <td>70.0</td>\n",
              "      <td>0.54</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520.0</td>\n",
              "      <td>0.0</td>\n",
              "      <td>31.0</td>\n",
              "      <td>0.43</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385.0</td>\n",
              "      <td>20.0</td>\n",
              "      <td>30.0</td>\n",
              "      <td>0.34</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-8bb707a9-fef1-4ff8-a6fc-498bd7f341e5')\"\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-8bb707a9-fef1-4ff8-a6fc-498bd7f341e5 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-8bb707a9-fef1-4ff8-a6fc-498bd7f341e5');\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-6c5a8950-382c-4ad1-81ea-adc93c215f36\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-6c5a8950-382c-4ad1-81ea-adc93c215f36')\"\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-6c5a8950-382c-4ad1-81ea-adc93c215f36 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": 36
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Concatenation\n",
        "Now let's try to understand how we can add a row in a pandas table:\n",
        "\n",
        "For this we'll first declare the row and then we'll add it to the table.\n",
        "\n",
        "NOTE: Even if it's a single value we'll still use list and it should be present in a dictionary"
      ],
      "metadata": {
        "id": "ajG3S7-ahoFm"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "new_cloud_table = pd.DataFrame({\n",
        "    \"CLOUD_PLATFORMS\":[\"My Cloud Platform\"],\n",
        "    \"TOTAL_VOTES\":[500],\n",
        "    \"PROFESSIONAL_VOTES\":[323],\n",
        "    \"BEGINNER_VOTES\":[123],\n",
        "    \"OTHER_VOTES\":[67]\n",
        "    }\n",
        ")\n",
        "new_cloud_table"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 81
        },
        "id": "uh2DB2yQguz2",
        "outputId": "b1f36f48-ab99-43f2-f3c6-b033b9de88c9"
      },
      "execution_count": 37,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "     CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  BEGINNER_VOTES  \\\n",
              "0  My Cloud Platform          500                 323             123   \n",
              "\n",
              "   OTHER_VOTES  \n",
              "0           67  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-414027cb-8dd4-4013-ade7-f1f5ceece729\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>My Cloud Platform</td>\n",
              "      <td>500</td>\n",
              "      <td>323</td>\n",
              "      <td>123</td>\n",
              "      <td>67</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-414027cb-8dd4-4013-ade7-f1f5ceece729')\"\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-414027cb-8dd4-4013-ade7-f1f5ceece729 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-414027cb-8dd4-4013-ade7-f1f5ceece729');\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": {},
          "execution_count": 37
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "Now let's add it to the table\n",
        "\n",
        "For this we'll use `.concat([],ignore_index=\"true\")`"
      ],
      "metadata": {
        "id": "fqqZpq3HkSEW"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "updated_table = pd.concat([cloud_survey_table,new_cloud_table],ignore_index=\"True\")\n",
        "updated_table"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 802
        },
        "id": "ZOhT6FeHl90Y",
        "outputId": "137a9361-0858-4f49-e983-6e8ee911e4a6"
      },
      "execution_count": 38,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                      CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  \\\n",
              "0           Amazon Web Services (AWS)        33818               29479   \n",
              "1                     Microsoft Azure        18105               15441   \n",
              "2                        Google Cloud        16592               13304   \n",
              "3                            Firebase        10761                8550   \n",
              "4                          Cloudflare        10599                8326   \n",
              "5                       Digital Ocean         9299                7838   \n",
              "6                              Heroku         8358                6535   \n",
              "7                              Vercel         7431                5727   \n",
              "8                             Netlify         6228                4708   \n",
              "9                              VMware         4964                3584   \n",
              "10                            Hetzner         3069                2465   \n",
              "11                 Linode, now Akamai         2755                2104   \n",
              "12                    Managed Hosting         2379                1889   \n",
              "13                                OVH         2378                1912   \n",
              "14  Oracle Cloud Infrastructure (OCI)         1810                1146   \n",
              "15                          OpenShift         1671                1432   \n",
              "16                             Fly.io         1649                1342   \n",
              "17                              Vultr         1357                1021   \n",
              "18                             Render         1287                 920   \n",
              "19                          OpenStack         1076                 802   \n",
              "20                IBM Cloud Or Watson          801                 571   \n",
              "21                           Scaleway          628                 520   \n",
              "22                         Colocation          497                 385   \n",
              "23                  My Cloud Platform          500                 323   \n",
              "\n",
              "    BEGINNER_VOTES  OTHER_VOTES  PERCENTAGE  \n",
              "0              654         1185       22.93  \n",
              "1              370          714       12.27  \n",
              "2              652          866       11.25  \n",
              "3              628          486        7.29  \n",
              "4              420          621        7.19  \n",
              "5              247          393        6.30  \n",
              "6              492          418        5.67  \n",
              "7              487          392        5.04  \n",
              "8              498          330        4.22  \n",
              "9              262          396        3.37  \n",
              "10              67          184        2.08  \n",
              "11             125          167        1.87  \n",
              "12              63          137        1.61  \n",
              "13              76          126        1.61  \n",
              "14             123          190        1.23  \n",
              "15              22           66        1.13  \n",
              "16              72           79        1.12  \n",
              "17              55           94        0.92  \n",
              "18             132           69        0.87  \n",
              "19              53           78        0.73  \n",
              "20              53           70        0.54  \n",
              "21               0           31        0.43  \n",
              "22              20           30        0.34  \n",
              "23             123           67         NaN  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-04976303-cadc-4ad6-a55a-9648e4a0e639\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>29479</td>\n",
              "      <td>654</td>\n",
              "      <td>1185</td>\n",
              "      <td>22.93</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441</td>\n",
              "      <td>370</td>\n",
              "      <td>714</td>\n",
              "      <td>12.27</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304</td>\n",
              "      <td>652</td>\n",
              "      <td>866</td>\n",
              "      <td>11.25</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550</td>\n",
              "      <td>628</td>\n",
              "      <td>486</td>\n",
              "      <td>7.29</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326</td>\n",
              "      <td>420</td>\n",
              "      <td>621</td>\n",
              "      <td>7.19</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838</td>\n",
              "      <td>247</td>\n",
              "      <td>393</td>\n",
              "      <td>6.30</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535</td>\n",
              "      <td>492</td>\n",
              "      <td>418</td>\n",
              "      <td>5.67</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727</td>\n",
              "      <td>487</td>\n",
              "      <td>392</td>\n",
              "      <td>5.04</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708</td>\n",
              "      <td>498</td>\n",
              "      <td>330</td>\n",
              "      <td>4.22</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584</td>\n",
              "      <td>262</td>\n",
              "      <td>396</td>\n",
              "      <td>3.37</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465</td>\n",
              "      <td>67</td>\n",
              "      <td>184</td>\n",
              "      <td>2.08</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104</td>\n",
              "      <td>125</td>\n",
              "      <td>167</td>\n",
              "      <td>1.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889</td>\n",
              "      <td>63</td>\n",
              "      <td>137</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912</td>\n",
              "      <td>76</td>\n",
              "      <td>126</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146</td>\n",
              "      <td>123</td>\n",
              "      <td>190</td>\n",
              "      <td>1.23</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432</td>\n",
              "      <td>22</td>\n",
              "      <td>66</td>\n",
              "      <td>1.13</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342</td>\n",
              "      <td>72</td>\n",
              "      <td>79</td>\n",
              "      <td>1.12</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021</td>\n",
              "      <td>55</td>\n",
              "      <td>94</td>\n",
              "      <td>0.92</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920</td>\n",
              "      <td>132</td>\n",
              "      <td>69</td>\n",
              "      <td>0.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802</td>\n",
              "      <td>53</td>\n",
              "      <td>78</td>\n",
              "      <td>0.73</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571</td>\n",
              "      <td>53</td>\n",
              "      <td>70</td>\n",
              "      <td>0.54</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520</td>\n",
              "      <td>0</td>\n",
              "      <td>31</td>\n",
              "      <td>0.43</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385</td>\n",
              "      <td>20</td>\n",
              "      <td>30</td>\n",
              "      <td>0.34</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>My Cloud Platform</td>\n",
              "      <td>500</td>\n",
              "      <td>323</td>\n",
              "      <td>123</td>\n",
              "      <td>67</td>\n",
              "      <td>NaN</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-04976303-cadc-4ad6-a55a-9648e4a0e639')\"\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-04976303-cadc-4ad6-a55a-9648e4a0e639 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-04976303-cadc-4ad6-a55a-9648e4a0e639');\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-a0bef161-6f91-4552-8fb9-f46adf3dc080\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-a0bef161-6f91-4552-8fb9-f46adf3dc080')\"\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-a0bef161-6f91-4552-8fb9-f46adf3dc080 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": 38
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We used the index_ignore = \"true\" to avoid messing up the indexing"
      ],
      "metadata": {
        "id": "94ElzuWLu3UX"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "updated_table.loc[23,\"PERCENTAGE\"] = round((updated_table.loc[23,\"TOTAL_VOTES\"]/np.add.reduce(updated_table[\"TOTAL_VOTES\"]))*100,2)\n",
        "updated_table"
      ],
      "metadata": {
        "id": "0A6CL0mDvCtH",
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 802
        },
        "outputId": "fa77d0e4-4110-4b6c-ee79-8778622a0fde"
      },
      "execution_count": 39,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                      CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  \\\n",
              "0           Amazon Web Services (AWS)        33818               29479   \n",
              "1                     Microsoft Azure        18105               15441   \n",
              "2                        Google Cloud        16592               13304   \n",
              "3                            Firebase        10761                8550   \n",
              "4                          Cloudflare        10599                8326   \n",
              "5                       Digital Ocean         9299                7838   \n",
              "6                              Heroku         8358                6535   \n",
              "7                              Vercel         7431                5727   \n",
              "8                             Netlify         6228                4708   \n",
              "9                              VMware         4964                3584   \n",
              "10                            Hetzner         3069                2465   \n",
              "11                 Linode, now Akamai         2755                2104   \n",
              "12                    Managed Hosting         2379                1889   \n",
              "13                                OVH         2378                1912   \n",
              "14  Oracle Cloud Infrastructure (OCI)         1810                1146   \n",
              "15                          OpenShift         1671                1432   \n",
              "16                             Fly.io         1649                1342   \n",
              "17                              Vultr         1357                1021   \n",
              "18                             Render         1287                 920   \n",
              "19                          OpenStack         1076                 802   \n",
              "20                IBM Cloud Or Watson          801                 571   \n",
              "21                           Scaleway          628                 520   \n",
              "22                         Colocation          497                 385   \n",
              "23                  My Cloud Platform          500                 323   \n",
              "\n",
              "    BEGINNER_VOTES  OTHER_VOTES  PERCENTAGE  \n",
              "0              654         1185       22.93  \n",
              "1              370          714       12.27  \n",
              "2              652          866       11.25  \n",
              "3              628          486        7.29  \n",
              "4              420          621        7.19  \n",
              "5              247          393        6.30  \n",
              "6              492          418        5.67  \n",
              "7              487          392        5.04  \n",
              "8              498          330        4.22  \n",
              "9              262          396        3.37  \n",
              "10              67          184        2.08  \n",
              "11             125          167        1.87  \n",
              "12              63          137        1.61  \n",
              "13              76          126        1.61  \n",
              "14             123          190        1.23  \n",
              "15              22           66        1.13  \n",
              "16              72           79        1.12  \n",
              "17              55           94        0.92  \n",
              "18             132           69        0.87  \n",
              "19              53           78        0.73  \n",
              "20              53           70        0.54  \n",
              "21               0           31        0.43  \n",
              "22              20           30        0.34  \n",
              "23             123           67        0.34  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-b869f35c-588c-440e-96a3-7ed3ad41c752\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>29479</td>\n",
              "      <td>654</td>\n",
              "      <td>1185</td>\n",
              "      <td>22.93</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441</td>\n",
              "      <td>370</td>\n",
              "      <td>714</td>\n",
              "      <td>12.27</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304</td>\n",
              "      <td>652</td>\n",
              "      <td>866</td>\n",
              "      <td>11.25</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550</td>\n",
              "      <td>628</td>\n",
              "      <td>486</td>\n",
              "      <td>7.29</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326</td>\n",
              "      <td>420</td>\n",
              "      <td>621</td>\n",
              "      <td>7.19</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838</td>\n",
              "      <td>247</td>\n",
              "      <td>393</td>\n",
              "      <td>6.30</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535</td>\n",
              "      <td>492</td>\n",
              "      <td>418</td>\n",
              "      <td>5.67</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727</td>\n",
              "      <td>487</td>\n",
              "      <td>392</td>\n",
              "      <td>5.04</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708</td>\n",
              "      <td>498</td>\n",
              "      <td>330</td>\n",
              "      <td>4.22</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584</td>\n",
              "      <td>262</td>\n",
              "      <td>396</td>\n",
              "      <td>3.37</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465</td>\n",
              "      <td>67</td>\n",
              "      <td>184</td>\n",
              "      <td>2.08</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104</td>\n",
              "      <td>125</td>\n",
              "      <td>167</td>\n",
              "      <td>1.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889</td>\n",
              "      <td>63</td>\n",
              "      <td>137</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912</td>\n",
              "      <td>76</td>\n",
              "      <td>126</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146</td>\n",
              "      <td>123</td>\n",
              "      <td>190</td>\n",
              "      <td>1.23</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432</td>\n",
              "      <td>22</td>\n",
              "      <td>66</td>\n",
              "      <td>1.13</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342</td>\n",
              "      <td>72</td>\n",
              "      <td>79</td>\n",
              "      <td>1.12</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021</td>\n",
              "      <td>55</td>\n",
              "      <td>94</td>\n",
              "      <td>0.92</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920</td>\n",
              "      <td>132</td>\n",
              "      <td>69</td>\n",
              "      <td>0.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802</td>\n",
              "      <td>53</td>\n",
              "      <td>78</td>\n",
              "      <td>0.73</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571</td>\n",
              "      <td>53</td>\n",
              "      <td>70</td>\n",
              "      <td>0.54</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520</td>\n",
              "      <td>0</td>\n",
              "      <td>31</td>\n",
              "      <td>0.43</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385</td>\n",
              "      <td>20</td>\n",
              "      <td>30</td>\n",
              "      <td>0.34</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>My Cloud Platform</td>\n",
              "      <td>500</td>\n",
              "      <td>323</td>\n",
              "      <td>123</td>\n",
              "      <td>67</td>\n",
              "      <td>0.34</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-b869f35c-588c-440e-96a3-7ed3ad41c752')\"\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-b869f35c-588c-440e-96a3-7ed3ad41c752 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-b869f35c-588c-440e-96a3-7ed3ad41c752');\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-5a6fb1bf-7093-4d18-80a5-b8bc5e35d275\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-5a6fb1bf-7093-4d18-80a5-b8bc5e35d275')\"\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-5a6fb1bf-7093-4d18-80a5-b8bc5e35d275 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": 39
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Sorting\n"
      ],
      "metadata": {
        "id": "kDl-xlNSqu4h"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "Like we sorted stuff in numpy we can also sort the table in pandas using the function **.sort_values()** and we can also use arguments like **ascending** and **inplace** which takes up boolean values\n",
        "\n",
        "*   Ascending argument helps us to determine the sorting order\n",
        "*   Inplace argument when true means the sorting effect will reflect in the main table\n",
        "\n",
        "\n",
        "\n"
      ],
      "metadata": {
        "id": "dEzEbaAZlJ-w"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_sorted = cloud_survey_table.sort_values(\"PROFESSIONAL_VOTES\",ascending=False,inplace=False)\n",
        "cloud_survey_table_sorted"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 770
        },
        "id": "4fcVxY8qrdxC",
        "outputId": "028d0525-fd74-4cf1-8e1e-124c770a35a4"
      },
      "execution_count": 40,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                      CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  \\\n",
              "1           Amazon Web Services (AWS)        33818               29479   \n",
              "2                     Microsoft Azure        18105               15441   \n",
              "3                        Google Cloud        16592               13304   \n",
              "4                            Firebase        10761                8550   \n",
              "5                          Cloudflare        10599                8326   \n",
              "6                       Digital Ocean         9299                7838   \n",
              "7                              Heroku         8358                6535   \n",
              "8                              Vercel         7431                5727   \n",
              "9                             Netlify         6228                4708   \n",
              "10                             VMware         4964                3584   \n",
              "11                            Hetzner         3069                2465   \n",
              "12                 Linode, now Akamai         2755                2104   \n",
              "14                                OVH         2378                1912   \n",
              "13                    Managed Hosting         2379                1889   \n",
              "16                          OpenShift         1671                1432   \n",
              "17                             Fly.io         1649                1342   \n",
              "15  Oracle Cloud Infrastructure (OCI)         1810                1146   \n",
              "18                              Vultr         1357                1021   \n",
              "19                             Render         1287                 920   \n",
              "20                          OpenStack         1076                 802   \n",
              "21                IBM Cloud Or Watson          801                 571   \n",
              "22                           Scaleway          628                 520   \n",
              "23                         Colocation          497                 385   \n",
              "\n",
              "    BEGINNER_VOTES  OTHER_VOTES  PERCENTAGE  \n",
              "1              654         1185       22.93  \n",
              "2              370          714       12.27  \n",
              "3              652          866       11.25  \n",
              "4              628          486        7.29  \n",
              "5              420          621        7.19  \n",
              "6              247          393        6.30  \n",
              "7              492          418        5.67  \n",
              "8              487          392        5.04  \n",
              "9              498          330        4.22  \n",
              "10             262          396        3.37  \n",
              "11              67          184        2.08  \n",
              "12             125          167        1.87  \n",
              "14              76          126        1.61  \n",
              "13              63          137        1.61  \n",
              "16              22           66        1.13  \n",
              "17              72           79        1.12  \n",
              "15             123          190        1.23  \n",
              "18              55           94        0.92  \n",
              "19             132           69        0.87  \n",
              "20              53           78        0.73  \n",
              "21              53           70        0.54  \n",
              "22               0           31        0.43  \n",
              "23              20           30        0.34  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-27ffa5bd-4c4e-42c9-ad90-023a02258807\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>29479</td>\n",
              "      <td>654</td>\n",
              "      <td>1185</td>\n",
              "      <td>22.93</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441</td>\n",
              "      <td>370</td>\n",
              "      <td>714</td>\n",
              "      <td>12.27</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304</td>\n",
              "      <td>652</td>\n",
              "      <td>866</td>\n",
              "      <td>11.25</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550</td>\n",
              "      <td>628</td>\n",
              "      <td>486</td>\n",
              "      <td>7.29</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326</td>\n",
              "      <td>420</td>\n",
              "      <td>621</td>\n",
              "      <td>7.19</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838</td>\n",
              "      <td>247</td>\n",
              "      <td>393</td>\n",
              "      <td>6.30</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535</td>\n",
              "      <td>492</td>\n",
              "      <td>418</td>\n",
              "      <td>5.67</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727</td>\n",
              "      <td>487</td>\n",
              "      <td>392</td>\n",
              "      <td>5.04</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708</td>\n",
              "      <td>498</td>\n",
              "      <td>330</td>\n",
              "      <td>4.22</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584</td>\n",
              "      <td>262</td>\n",
              "      <td>396</td>\n",
              "      <td>3.37</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465</td>\n",
              "      <td>67</td>\n",
              "      <td>184</td>\n",
              "      <td>2.08</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104</td>\n",
              "      <td>125</td>\n",
              "      <td>167</td>\n",
              "      <td>1.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912</td>\n",
              "      <td>76</td>\n",
              "      <td>126</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889</td>\n",
              "      <td>63</td>\n",
              "      <td>137</td>\n",
              "      <td>1.61</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432</td>\n",
              "      <td>22</td>\n",
              "      <td>66</td>\n",
              "      <td>1.13</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342</td>\n",
              "      <td>72</td>\n",
              "      <td>79</td>\n",
              "      <td>1.12</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146</td>\n",
              "      <td>123</td>\n",
              "      <td>190</td>\n",
              "      <td>1.23</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021</td>\n",
              "      <td>55</td>\n",
              "      <td>94</td>\n",
              "      <td>0.92</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920</td>\n",
              "      <td>132</td>\n",
              "      <td>69</td>\n",
              "      <td>0.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802</td>\n",
              "      <td>53</td>\n",
              "      <td>78</td>\n",
              "      <td>0.73</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571</td>\n",
              "      <td>53</td>\n",
              "      <td>70</td>\n",
              "      <td>0.54</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520</td>\n",
              "      <td>0</td>\n",
              "      <td>31</td>\n",
              "      <td>0.43</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385</td>\n",
              "      <td>20</td>\n",
              "      <td>30</td>\n",
              "      <td>0.34</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-27ffa5bd-4c4e-42c9-ad90-023a02258807')\"\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-27ffa5bd-4c4e-42c9-ad90-023a02258807 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-27ffa5bd-4c4e-42c9-ad90-023a02258807');\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-3223600c-80f0-4d7d-93f2-84717d3d96de\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-3223600c-80f0-4d7d-93f2-84717d3d96de')\"\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-3223600c-80f0-4d7d-93f2-84717d3d96de 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": 40
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "### More useful functions"
      ],
      "metadata": {
        "id": "9CHFSOvsmWGb"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can have some more basic function which will help us to determine something more about the data"
      ],
      "metadata": {
        "id": "yOrpR2_yl9Qn"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_sorted.head() # Gives the top five elements of the table"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 206
        },
        "id": "OGVxbHYys1fY",
        "outputId": "1aaa9255-8ef7-4c2e-b1d7-b1427fbdc7dc"
      },
      "execution_count": 59,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "             CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  BEGINNER_VOTES  \\\n",
              "1  Amazon Web Services (AWS)        33818               29479             654   \n",
              "2            Microsoft Azure        18105               15441             370   \n",
              "3               Google Cloud        16592               13304             652   \n",
              "4                   Firebase        10761                8550             628   \n",
              "5                 Cloudflare        10599                8326             420   \n",
              "\n",
              "   OTHER_VOTES  PERCENTAGE  \n",
              "1         1185       22.93  \n",
              "2          714       12.27  \n",
              "3          866       11.25  \n",
              "4          486        7.29  \n",
              "5          621        7.19  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-7f3dfe03-f653-4bf4-a80c-fc27efdc8162\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>29479</td>\n",
              "      <td>654</td>\n",
              "      <td>1185</td>\n",
              "      <td>22.93</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441</td>\n",
              "      <td>370</td>\n",
              "      <td>714</td>\n",
              "      <td>12.27</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304</td>\n",
              "      <td>652</td>\n",
              "      <td>866</td>\n",
              "      <td>11.25</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550</td>\n",
              "      <td>628</td>\n",
              "      <td>486</td>\n",
              "      <td>7.29</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326</td>\n",
              "      <td>420</td>\n",
              "      <td>621</td>\n",
              "      <td>7.19</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-7f3dfe03-f653-4bf4-a80c-fc27efdc8162')\"\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-7f3dfe03-f653-4bf4-a80c-fc27efdc8162 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-7f3dfe03-f653-4bf4-a80c-fc27efdc8162');\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-993fadb1-bec0-4006-88c4-e7c069d216ea\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-993fadb1-bec0-4006-88c4-e7c069d216ea')\"\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-993fadb1-bec0-4006-88c4-e7c069d216ea 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": 59
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_sorted.tail() # Gives the bottom five elements of the table"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 206
        },
        "id": "7xQXhMfAs4KQ",
        "outputId": "ea73d06d-9c80-4379-d94e-55bf57b67a9d"
      },
      "execution_count": 60,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "        CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  BEGINNER_VOTES  \\\n",
              "19               Render         1287                 920             132   \n",
              "20            OpenStack         1076                 802              53   \n",
              "21  IBM Cloud Or Watson          801                 571              53   \n",
              "22             Scaleway          628                 520               0   \n",
              "23           Colocation          497                 385              20   \n",
              "\n",
              "    OTHER_VOTES  PERCENTAGE  \n",
              "19           69        0.87  \n",
              "20           78        0.73  \n",
              "21           70        0.54  \n",
              "22           31        0.43  \n",
              "23           30        0.34  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-2b50092b-c1fc-4624-aa79-12271a1ec9df\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920</td>\n",
              "      <td>132</td>\n",
              "      <td>69</td>\n",
              "      <td>0.87</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802</td>\n",
              "      <td>53</td>\n",
              "      <td>78</td>\n",
              "      <td>0.73</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571</td>\n",
              "      <td>53</td>\n",
              "      <td>70</td>\n",
              "      <td>0.54</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520</td>\n",
              "      <td>0</td>\n",
              "      <td>31</td>\n",
              "      <td>0.43</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385</td>\n",
              "      <td>20</td>\n",
              "      <td>30</td>\n",
              "      <td>0.34</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-2b50092b-c1fc-4624-aa79-12271a1ec9df')\"\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-2b50092b-c1fc-4624-aa79-12271a1ec9df 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-2b50092b-c1fc-4624-aa79-12271a1ec9df');\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-4dbc1363-c398-4027-83ba-5b31d89d3f8e\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-4dbc1363-c398-4027-83ba-5b31d89d3f8e')\"\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-4dbc1363-c398-4027-83ba-5b31d89d3f8e 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": 60
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table.sum() # Used to caluclate the sum of all columns"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "kIpxcYG2s8aY",
        "outputId": "c1c74b5e-840a-49f9-f819-5ea39aebd62e"
      },
      "execution_count": 61,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "CLOUD_PLATFORMS       Amazon Web Services (AWS)Microsoft AzureGoogle...\n",
              "TOTAL_VOTES                                                      147512\n",
              "PROFESSIONAL_VOTES                                               120001\n",
              "BEGINNER_VOTES                                                     5571\n",
              "OTHER_VOTES                                                        7122\n",
              "PERCENTAGE                                                       100.01\n",
              "CATEGORY              PopularPopularPopularPopularPopularPopularPopu...\n",
              "dtype: object"
            ]
          },
          "metadata": {},
          "execution_count": 61
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "*   As we can see that the CLOUD_PLATFORMS columns get's a very large string as the sum as it basically doesn't know what to do so it concatenates all the string. (This won't create any issue now but later on we'll find a solution to this problem)\n",
        "*   Also we can see the sum of all the percentage is 100.01 that's because every device handles precision differently so it must be just close to 100"
      ],
      "metadata": {
        "id": "1bQj58wht8hS"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table.mean() # Used to calculate the mean of all columns"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "MRALP0m1uJq6",
        "outputId": "b5c9e93c-ee78-48d7-95b1-217815361913"
      },
      "execution_count": 44,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stderr",
          "text": [
            "<ipython-input-44-4db63ed12779>:1: FutureWarning: The default value of numeric_only in DataFrame.mean is deprecated. In a future version, it will default to False. In addition, specifying 'numeric_only=None' is deprecated. Select only valid columns or specify the value of numeric_only to silence this warning.\n",
            "  cloud_survey_table.mean()\n"
          ]
        },
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "TOTAL_VOTES           6413.565217\n",
              "PROFESSIONAL_VOTES    5217.434783\n",
              "BEGINNER_VOTES         242.217391\n",
              "OTHER_VOTES            309.652174\n",
              "PERCENTAGE               4.348261\n",
              "dtype: float64"
            ]
          },
          "metadata": {},
          "execution_count": 44
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "*   As discussed earlier we can see that the column that has string created an issue while calculating the mean. (Offline compilers will give an error meanwhile google collab doesn't give an error but throws an warning and skips that part of the calculation)\n",
        "*   So the alternate approach to this could be trying to remove the CLOUD_PLATFORMS column from the table and then try to do the operations on the table\n",
        "\n"
      ],
      "metadata": {
        "id": "5byKNM2angvB"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "So in order to remove the CLOUD_PLATFORMS column we'll do the following:\n",
        "\n",
        "1.   Converting the data frame to list\n",
        "2.   Using the remove() to remove the CLOUD_PLATFORMS column from the list\n",
        "3.   Creating an copy of the original table and copying it via using the list that we created\n",
        "\n"
      ],
      "metadata": {
        "id": "T0SfxLRiq62-"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "# Step-1\n",
        "columns_without_name = list(cloud_survey_table.columns)\n",
        "\n",
        "# Step-2\n",
        "columns_without_name.remove(\"CLOUD_PLATFORMS\")\n",
        "\n",
        "# Step-3\n",
        "cloud_survey_table_without_name = cloud_survey_table[columns_without_name].copy()\n",
        "\n",
        "# Printing\n",
        "cloud_survey_table_without_name"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 770
        },
        "id": "3qB6AsnZumn6",
        "outputId": "1687ab95-e298-4325-d134-371b9f2fba2c"
      },
      "execution_count": 63,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "    TOTAL_VOTES  PROFESSIONAL_VOTES  BEGINNER_VOTES  OTHER_VOTES  PERCENTAGE  \\\n",
              "1         33818               29479             654         1185       22.93   \n",
              "2         18105               15441             370          714       12.27   \n",
              "3         16592               13304             652          866       11.25   \n",
              "4         10761                8550             628          486        7.29   \n",
              "5         10599                8326             420          621        7.19   \n",
              "6          9299                7838             247          393        6.30   \n",
              "7          8358                6535             492          418        5.67   \n",
              "8          7431                5727             487          392        5.04   \n",
              "9          6228                4708             498          330        4.22   \n",
              "10         4964                3584             262          396        3.37   \n",
              "11         3069                2465              67          184        2.08   \n",
              "12         2755                2104             125          167        1.87   \n",
              "13         2379                1889              63          137        1.61   \n",
              "14         2378                1912              76          126        1.61   \n",
              "15         1810                1146             123          190        1.23   \n",
              "16         1671                1432              22           66        1.13   \n",
              "17         1649                1342              72           79        1.12   \n",
              "18         1357                1021              55           94        0.92   \n",
              "19         1287                 920             132           69        0.87   \n",
              "20         1076                 802              53           78        0.73   \n",
              "21          801                 571              53           70        0.54   \n",
              "22          628                 520               0           31        0.43   \n",
              "23          497                 385              20           30        0.34   \n",
              "\n",
              "     CATEGORY  \n",
              "1     Popular  \n",
              "2     Popular  \n",
              "3     Popular  \n",
              "4     Popular  \n",
              "5     Popular  \n",
              "6     Popular  \n",
              "7     Popular  \n",
              "8     Popular  \n",
              "9    Upcoming  \n",
              "10   Upcoming  \n",
              "11   Upcoming  \n",
              "12   Upcoming  \n",
              "13   Upcoming  \n",
              "14   Upcoming  \n",
              "15   Upcoming  \n",
              "16  Unpopular  \n",
              "17  Unpopular  \n",
              "18  Unpopular  \n",
              "19  Unpopular  \n",
              "20  Unpopular  \n",
              "21  Unpopular  \n",
              "22  Unpopular  \n",
              "23  Unpopular  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-91bba593-bf38-48b7-b2b3-08d013083449\" 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>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "      <th>CATEGORY</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>33818</td>\n",
              "      <td>29479</td>\n",
              "      <td>654</td>\n",
              "      <td>1185</td>\n",
              "      <td>22.93</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>18105</td>\n",
              "      <td>15441</td>\n",
              "      <td>370</td>\n",
              "      <td>714</td>\n",
              "      <td>12.27</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>16592</td>\n",
              "      <td>13304</td>\n",
              "      <td>652</td>\n",
              "      <td>866</td>\n",
              "      <td>11.25</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>10761</td>\n",
              "      <td>8550</td>\n",
              "      <td>628</td>\n",
              "      <td>486</td>\n",
              "      <td>7.29</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>10599</td>\n",
              "      <td>8326</td>\n",
              "      <td>420</td>\n",
              "      <td>621</td>\n",
              "      <td>7.19</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>9299</td>\n",
              "      <td>7838</td>\n",
              "      <td>247</td>\n",
              "      <td>393</td>\n",
              "      <td>6.30</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>8358</td>\n",
              "      <td>6535</td>\n",
              "      <td>492</td>\n",
              "      <td>418</td>\n",
              "      <td>5.67</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>7431</td>\n",
              "      <td>5727</td>\n",
              "      <td>487</td>\n",
              "      <td>392</td>\n",
              "      <td>5.04</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>6228</td>\n",
              "      <td>4708</td>\n",
              "      <td>498</td>\n",
              "      <td>330</td>\n",
              "      <td>4.22</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>4964</td>\n",
              "      <td>3584</td>\n",
              "      <td>262</td>\n",
              "      <td>396</td>\n",
              "      <td>3.37</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>3069</td>\n",
              "      <td>2465</td>\n",
              "      <td>67</td>\n",
              "      <td>184</td>\n",
              "      <td>2.08</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>2755</td>\n",
              "      <td>2104</td>\n",
              "      <td>125</td>\n",
              "      <td>167</td>\n",
              "      <td>1.87</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>2379</td>\n",
              "      <td>1889</td>\n",
              "      <td>63</td>\n",
              "      <td>137</td>\n",
              "      <td>1.61</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>2378</td>\n",
              "      <td>1912</td>\n",
              "      <td>76</td>\n",
              "      <td>126</td>\n",
              "      <td>1.61</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>1810</td>\n",
              "      <td>1146</td>\n",
              "      <td>123</td>\n",
              "      <td>190</td>\n",
              "      <td>1.23</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>1671</td>\n",
              "      <td>1432</td>\n",
              "      <td>22</td>\n",
              "      <td>66</td>\n",
              "      <td>1.13</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>1649</td>\n",
              "      <td>1342</td>\n",
              "      <td>72</td>\n",
              "      <td>79</td>\n",
              "      <td>1.12</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>1357</td>\n",
              "      <td>1021</td>\n",
              "      <td>55</td>\n",
              "      <td>94</td>\n",
              "      <td>0.92</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>1287</td>\n",
              "      <td>920</td>\n",
              "      <td>132</td>\n",
              "      <td>69</td>\n",
              "      <td>0.87</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>1076</td>\n",
              "      <td>802</td>\n",
              "      <td>53</td>\n",
              "      <td>78</td>\n",
              "      <td>0.73</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>801</td>\n",
              "      <td>571</td>\n",
              "      <td>53</td>\n",
              "      <td>70</td>\n",
              "      <td>0.54</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>628</td>\n",
              "      <td>520</td>\n",
              "      <td>0</td>\n",
              "      <td>31</td>\n",
              "      <td>0.43</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>497</td>\n",
              "      <td>385</td>\n",
              "      <td>20</td>\n",
              "      <td>30</td>\n",
              "      <td>0.34</td>\n",
              "      <td>Unpopular</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-91bba593-bf38-48b7-b2b3-08d013083449')\"\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-91bba593-bf38-48b7-b2b3-08d013083449 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-91bba593-bf38-48b7-b2b3-08d013083449');\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-b5fa72cb-39eb-44b8-a0f0-3017e9ac4851\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-b5fa72cb-39eb-44b8-a0f0-3017e9ac4851')\"\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-b5fa72cb-39eb-44b8-a0f0-3017e9ac4851 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": 63
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "Now we can use functions like mean(), max(), min() etc"
      ],
      "metadata": {
        "id": "IecKZdP3sJDB"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_without_name.mean()"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "JNnhAdFAwMc6",
        "outputId": "a7bff21d-9adf-4202-e0df-8728c37bd8e5"
      },
      "execution_count": 46,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "TOTAL_VOTES           6413.565217\n",
              "PROFESSIONAL_VOTES    5217.434783\n",
              "BEGINNER_VOTES         242.217391\n",
              "OTHER_VOTES            309.652174\n",
              "PERCENTAGE               4.348261\n",
              "dtype: float64"
            ]
          },
          "metadata": {},
          "execution_count": 46
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_without_name.max()"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "lqi91u3AwQx4",
        "outputId": "62c440bd-63e4-4cc3-960c-54852a893c44"
      },
      "execution_count": 47,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "TOTAL_VOTES           33818.00\n",
              "PROFESSIONAL_VOTES    29479.00\n",
              "BEGINNER_VOTES          654.00\n",
              "OTHER_VOTES            1185.00\n",
              "PERCENTAGE               22.93\n",
              "dtype: float64"
            ]
          },
          "metadata": {},
          "execution_count": 47
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_without_name.min()"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "FQtzyjoswUEZ",
        "outputId": "7f6a9f7b-8db5-4c2a-a012-e89cf4089850"
      },
      "execution_count": 48,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "TOTAL_VOTES           497.00\n",
              "PROFESSIONAL_VOTES    385.00\n",
              "BEGINNER_VOTES          0.00\n",
              "OTHER_VOTES            30.00\n",
              "PERCENTAGE              0.34\n",
              "dtype: float64"
            ]
          },
          "metadata": {},
          "execution_count": 48
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can use the function named describe() to get all the important details like count, mean, standard deviation, quartiles, min and max."
      ],
      "metadata": {
        "id": "PTAKCQVbsTpZ"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table_without_name.describe()"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 300
        },
        "id": "Qgo7ERuPwcYC",
        "outputId": "a3e6ac4f-64bf-46d0-83ee-02dcc96e3b8c"
      },
      "execution_count": 49,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "        TOTAL_VOTES  PROFESSIONAL_VOTES  BEGINNER_VOTES  OTHER_VOTES  \\\n",
              "count     23.000000           23.000000       23.000000    23.000000   \n",
              "mean    6413.565217         5217.434783      242.217391   309.652174   \n",
              "std     7824.288378         6738.214498      228.147073   301.402270   \n",
              "min      497.000000          385.000000        0.000000    30.000000   \n",
              "25%     1503.000000         1083.500000       59.000000    78.500000   \n",
              "50%     2755.000000         2104.000000      125.000000   184.000000   \n",
              "75%     8828.500000         7186.500000      453.500000   407.000000   \n",
              "max    33818.000000        29479.000000      654.000000  1185.000000   \n",
              "\n",
              "       PERCENTAGE  \n",
              "count   23.000000  \n",
              "mean     4.348261  \n",
              "std      5.304615  \n",
              "min      0.340000  \n",
              "25%      1.020000  \n",
              "50%      1.870000  \n",
              "75%      5.985000  \n",
              "max     22.930000  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-1cfca1da-69c3-4345-9299-53008e3287e3\" 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>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>count</th>\n",
              "      <td>23.000000</td>\n",
              "      <td>23.000000</td>\n",
              "      <td>23.000000</td>\n",
              "      <td>23.000000</td>\n",
              "      <td>23.000000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>mean</th>\n",
              "      <td>6413.565217</td>\n",
              "      <td>5217.434783</td>\n",
              "      <td>242.217391</td>\n",
              "      <td>309.652174</td>\n",
              "      <td>4.348261</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>std</th>\n",
              "      <td>7824.288378</td>\n",
              "      <td>6738.214498</td>\n",
              "      <td>228.147073</td>\n",
              "      <td>301.402270</td>\n",
              "      <td>5.304615</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>min</th>\n",
              "      <td>497.000000</td>\n",
              "      <td>385.000000</td>\n",
              "      <td>0.000000</td>\n",
              "      <td>30.000000</td>\n",
              "      <td>0.340000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>25%</th>\n",
              "      <td>1503.000000</td>\n",
              "      <td>1083.500000</td>\n",
              "      <td>59.000000</td>\n",
              "      <td>78.500000</td>\n",
              "      <td>1.020000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>50%</th>\n",
              "      <td>2755.000000</td>\n",
              "      <td>2104.000000</td>\n",
              "      <td>125.000000</td>\n",
              "      <td>184.000000</td>\n",
              "      <td>1.870000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>75%</th>\n",
              "      <td>8828.500000</td>\n",
              "      <td>7186.500000</td>\n",
              "      <td>453.500000</td>\n",
              "      <td>407.000000</td>\n",
              "      <td>5.985000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>max</th>\n",
              "      <td>33818.000000</td>\n",
              "      <td>29479.000000</td>\n",
              "      <td>654.000000</td>\n",
              "      <td>1185.000000</td>\n",
              "      <td>22.930000</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-1cfca1da-69c3-4345-9299-53008e3287e3')\"\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-1cfca1da-69c3-4345-9299-53008e3287e3 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-1cfca1da-69c3-4345-9299-53008e3287e3');\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-d108f7fd-b070-4d68-85d6-f8975ece94e8\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-d108f7fd-b070-4d68-85d6-f8975ece94e8')\"\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-d108f7fd-b070-4d68-85d6-f8975ece94e8 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": 49
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Categorization"
      ],
      "metadata": {
        "id": "tu0MJ2NJtC-o"
      }
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can categories the data in our table using some condtion and bitwise operators...we'll be using the select() in order to do so"
      ],
      "metadata": {
        "id": "pkMY4PLVyOV_"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "# We'll make sure that it should be in a list and then being add to the table\n",
        "conditions = [(cloud_survey_table[\"PERCENTAGE\"]>5),((cloud_survey_table[\"PERCENTAGE\"]<=5) & (cloud_survey_table[\"PERCENTAGE\"]>=1.2)),(cloud_survey_table[\"PERCENTAGE\"]<1.2)]\n",
        "categories = [\"Popular\",\"Upcoming\",\"Unpopular\"]\n",
        "cloud_survey_table[\"CATEGORY\"] = np.select(conditions,categories,default=\"Unknown\")\n",
        "cloud_survey_table"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 770
        },
        "id": "ZXGhS-0VyNZv",
        "outputId": "0f2f5174-2b96-4b10-f342-fa1e4aadd8f0"
      },
      "execution_count": 50,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "                      CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  \\\n",
              "1           Amazon Web Services (AWS)        33818               29479   \n",
              "2                     Microsoft Azure        18105               15441   \n",
              "3                        Google Cloud        16592               13304   \n",
              "4                            Firebase        10761                8550   \n",
              "5                          Cloudflare        10599                8326   \n",
              "6                       Digital Ocean         9299                7838   \n",
              "7                              Heroku         8358                6535   \n",
              "8                              Vercel         7431                5727   \n",
              "9                             Netlify         6228                4708   \n",
              "10                             VMware         4964                3584   \n",
              "11                            Hetzner         3069                2465   \n",
              "12                 Linode, now Akamai         2755                2104   \n",
              "13                    Managed Hosting         2379                1889   \n",
              "14                                OVH         2378                1912   \n",
              "15  Oracle Cloud Infrastructure (OCI)         1810                1146   \n",
              "16                          OpenShift         1671                1432   \n",
              "17                             Fly.io         1649                1342   \n",
              "18                              Vultr         1357                1021   \n",
              "19                             Render         1287                 920   \n",
              "20                          OpenStack         1076                 802   \n",
              "21                IBM Cloud Or Watson          801                 571   \n",
              "22                           Scaleway          628                 520   \n",
              "23                         Colocation          497                 385   \n",
              "\n",
              "    BEGINNER_VOTES  OTHER_VOTES  PERCENTAGE   CATEGORY  \n",
              "1              654         1185       22.93    Popular  \n",
              "2              370          714       12.27    Popular  \n",
              "3              652          866       11.25    Popular  \n",
              "4              628          486        7.29    Popular  \n",
              "5              420          621        7.19    Popular  \n",
              "6              247          393        6.30    Popular  \n",
              "7              492          418        5.67    Popular  \n",
              "8              487          392        5.04    Popular  \n",
              "9              498          330        4.22   Upcoming  \n",
              "10             262          396        3.37   Upcoming  \n",
              "11              67          184        2.08   Upcoming  \n",
              "12             125          167        1.87   Upcoming  \n",
              "13              63          137        1.61   Upcoming  \n",
              "14              76          126        1.61   Upcoming  \n",
              "15             123          190        1.23   Upcoming  \n",
              "16              22           66        1.13  Unpopular  \n",
              "17              72           79        1.12  Unpopular  \n",
              "18              55           94        0.92  Unpopular  \n",
              "19             132           69        0.87  Unpopular  \n",
              "20              53           78        0.73  Unpopular  \n",
              "21              53           70        0.54  Unpopular  \n",
              "22               0           31        0.43  Unpopular  \n",
              "23              20           30        0.34  Unpopular  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-7423ef22-9943-41cd-b822-f2f40a843d26\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "      <th>CATEGORY</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>29479</td>\n",
              "      <td>654</td>\n",
              "      <td>1185</td>\n",
              "      <td>22.93</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441</td>\n",
              "      <td>370</td>\n",
              "      <td>714</td>\n",
              "      <td>12.27</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304</td>\n",
              "      <td>652</td>\n",
              "      <td>866</td>\n",
              "      <td>11.25</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550</td>\n",
              "      <td>628</td>\n",
              "      <td>486</td>\n",
              "      <td>7.29</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326</td>\n",
              "      <td>420</td>\n",
              "      <td>621</td>\n",
              "      <td>7.19</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838</td>\n",
              "      <td>247</td>\n",
              "      <td>393</td>\n",
              "      <td>6.30</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535</td>\n",
              "      <td>492</td>\n",
              "      <td>418</td>\n",
              "      <td>5.67</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727</td>\n",
              "      <td>487</td>\n",
              "      <td>392</td>\n",
              "      <td>5.04</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708</td>\n",
              "      <td>498</td>\n",
              "      <td>330</td>\n",
              "      <td>4.22</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584</td>\n",
              "      <td>262</td>\n",
              "      <td>396</td>\n",
              "      <td>3.37</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465</td>\n",
              "      <td>67</td>\n",
              "      <td>184</td>\n",
              "      <td>2.08</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104</td>\n",
              "      <td>125</td>\n",
              "      <td>167</td>\n",
              "      <td>1.87</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889</td>\n",
              "      <td>63</td>\n",
              "      <td>137</td>\n",
              "      <td>1.61</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912</td>\n",
              "      <td>76</td>\n",
              "      <td>126</td>\n",
              "      <td>1.61</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146</td>\n",
              "      <td>123</td>\n",
              "      <td>190</td>\n",
              "      <td>1.23</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432</td>\n",
              "      <td>22</td>\n",
              "      <td>66</td>\n",
              "      <td>1.13</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342</td>\n",
              "      <td>72</td>\n",
              "      <td>79</td>\n",
              "      <td>1.12</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021</td>\n",
              "      <td>55</td>\n",
              "      <td>94</td>\n",
              "      <td>0.92</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920</td>\n",
              "      <td>132</td>\n",
              "      <td>69</td>\n",
              "      <td>0.87</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802</td>\n",
              "      <td>53</td>\n",
              "      <td>78</td>\n",
              "      <td>0.73</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571</td>\n",
              "      <td>53</td>\n",
              "      <td>70</td>\n",
              "      <td>0.54</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520</td>\n",
              "      <td>0</td>\n",
              "      <td>31</td>\n",
              "      <td>0.43</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>23</th>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385</td>\n",
              "      <td>20</td>\n",
              "      <td>30</td>\n",
              "      <td>0.34</td>\n",
              "      <td>Unpopular</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-7423ef22-9943-41cd-b822-f2f40a843d26')\"\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-7423ef22-9943-41cd-b822-f2f40a843d26 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-7423ef22-9943-41cd-b822-f2f40a843d26');\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-bde4f7fa-3154-4e7e-9c0d-94b90450896e\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-bde4f7fa-3154-4e7e-9c0d-94b90450896e')\"\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-bde4f7fa-3154-4e7e-9c0d-94b90450896e 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": 50
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "Previously we did calculated stuff column-wise but now as we have created categories we can also calculate stuff category-wise by using the function **groupby()** and using more properties like sum(), mean() etc."
      ],
      "metadata": {
        "id": "PCquPtDVudXv"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table.groupby(\"CATEGORY\").sum()"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 229
        },
        "id": "LsIuYLPH0yQJ",
        "outputId": "6e6d1d30-c517-48ac-b4a6-77f349427e80"
      },
      "execution_count": 51,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stderr",
          "text": [
            "<ipython-input-51-0a424537e85e>:1: FutureWarning: The default value of numeric_only in DataFrameGroupBy.sum is deprecated. In a future version, numeric_only will default to False. Either specify numeric_only or select only columns which should be valid for the function.\n",
            "  cloud_survey_table.groupby(\"CATEGORY\").sum()\n"
          ]
        },
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "           TOTAL_VOTES  PROFESSIONAL_VOTES  BEGINNER_VOTES  OTHER_VOTES  \\\n",
              "CATEGORY                                                                  \n",
              "Popular         114963               95200            3950         5075   \n",
              "Unpopular         8966                6993             407          517   \n",
              "Upcoming         23583               17808            1214         1530   \n",
              "\n",
              "           PERCENTAGE  \n",
              "CATEGORY               \n",
              "Popular         77.94  \n",
              "Unpopular        6.08  \n",
              "Upcoming        15.99  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-8ee31f6f-e62b-4115-a6fd-dc3a95a43a04\" 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>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>CATEGORY</th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>Popular</th>\n",
              "      <td>114963</td>\n",
              "      <td>95200</td>\n",
              "      <td>3950</td>\n",
              "      <td>5075</td>\n",
              "      <td>77.94</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Unpopular</th>\n",
              "      <td>8966</td>\n",
              "      <td>6993</td>\n",
              "      <td>407</td>\n",
              "      <td>517</td>\n",
              "      <td>6.08</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Upcoming</th>\n",
              "      <td>23583</td>\n",
              "      <td>17808</td>\n",
              "      <td>1214</td>\n",
              "      <td>1530</td>\n",
              "      <td>15.99</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-8ee31f6f-e62b-4115-a6fd-dc3a95a43a04')\"\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-8ee31f6f-e62b-4115-a6fd-dc3a95a43a04 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-8ee31f6f-e62b-4115-a6fd-dc3a95a43a04');\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-ca52a0eb-83f4-437f-ae7d-270fbaacf7d4\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-ca52a0eb-83f4-437f-ae7d-270fbaacf7d4')\"\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-ca52a0eb-83f4-437f-ae7d-270fbaacf7d4 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": 51
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table.groupby(\"CATEGORY\").mean()"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 229
        },
        "id": "b5wcky9o15Wr",
        "outputId": "460d523e-853f-4b72-c246-bd7acd463381"
      },
      "execution_count": 52,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stderr",
          "text": [
            "<ipython-input-52-d8ec06c98d5a>:1: FutureWarning: The default value of numeric_only in DataFrameGroupBy.mean is deprecated. In a future version, numeric_only will default to False. Either specify numeric_only or select only columns which should be valid for the function.\n",
            "  cloud_survey_table.groupby(\"CATEGORY\").mean()\n"
          ]
        },
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "           TOTAL_VOTES  PROFESSIONAL_VOTES  BEGINNER_VOTES  OTHER_VOTES  \\\n",
              "CATEGORY                                                                  \n",
              "Popular      14370.375           11900.000      493.750000   634.375000   \n",
              "Unpopular     1120.750             874.125       50.875000    64.625000   \n",
              "Upcoming      3369.000            2544.000      173.428571   218.571429   \n",
              "\n",
              "           PERCENTAGE  \n",
              "CATEGORY               \n",
              "Popular      9.742500  \n",
              "Unpopular    0.760000  \n",
              "Upcoming     2.284286  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-8188e0ee-ae41-4016-b2d8-88c6cf422fd7\" 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>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>CATEGORY</th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>Popular</th>\n",
              "      <td>14370.375</td>\n",
              "      <td>11900.000</td>\n",
              "      <td>493.750000</td>\n",
              "      <td>634.375000</td>\n",
              "      <td>9.742500</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Unpopular</th>\n",
              "      <td>1120.750</td>\n",
              "      <td>874.125</td>\n",
              "      <td>50.875000</td>\n",
              "      <td>64.625000</td>\n",
              "      <td>0.760000</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Upcoming</th>\n",
              "      <td>3369.000</td>\n",
              "      <td>2544.000</td>\n",
              "      <td>173.428571</td>\n",
              "      <td>218.571429</td>\n",
              "      <td>2.284286</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-8188e0ee-ae41-4016-b2d8-88c6cf422fd7')\"\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-8188e0ee-ae41-4016-b2d8-88c6cf422fd7 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-8188e0ee-ae41-4016-b2d8-88c6cf422fd7');\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-25a54c28-beca-4c63-8b7f-7681afdaa4f9\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-25a54c28-beca-4c63-8b7f-7681afdaa4f9')\"\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-25a54c28-beca-4c63-8b7f-7681afdaa4f9 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": 52
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "If we want to use multiple methods we can also use the method aggregate() which helps in finding multiple stuff at the same time"
      ],
      "metadata": {
        "id": "A30D2S0iveZk"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table.groupby(\"CATEGORY\").aggregate([np.mean,np.median,np.max])"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 261
        },
        "id": "-jT2_JZF29sS",
        "outputId": "89aa727d-4280-45de-a736-b119ab262469"
      },
      "execution_count": 53,
      "outputs": [
        {
          "output_type": "stream",
          "name": "stderr",
          "text": [
            "<ipython-input-53-1649fca3fc93>:1: FutureWarning: ['CLOUD_PLATFORMS'] did not aggregate successfully. If any error is raised this will raise in a future version of pandas. Drop these columns/ops to avoid this warning.\n",
            "  cloud_survey_table.groupby(\"CATEGORY\").aggregate([np.mean,np.median,np.max])\n"
          ]
        },
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "          TOTAL_VOTES                 PROFESSIONAL_VOTES                 \\\n",
              "                 mean   median   amax               mean  median   amax   \n",
              "CATEGORY                                                                  \n",
              "Popular     14370.375  10680.0  33818          11900.000  8438.0  29479   \n",
              "Unpopular    1120.750   1181.5   1671            874.125   861.0   1432   \n",
              "Upcoming     3369.000   2755.0   6228           2544.000  2104.0   4708   \n",
              "\n",
              "          BEGINNER_VOTES             OTHER_VOTES              PERCENTAGE  \\\n",
              "                    mean median amax        mean median  amax       mean   \n",
              "CATEGORY                                                                   \n",
              "Popular       493.750000  489.5  654  634.375000  553.5  1185   9.742500   \n",
              "Unpopular      50.875000   53.0  132   64.625000   69.5    94   0.760000   \n",
              "Upcoming      173.428571  123.0  498  218.571429  184.0   396   2.284286   \n",
              "\n",
              "                         \n",
              "          median   amax  \n",
              "CATEGORY                 \n",
              "Popular     7.24  22.93  \n",
              "Unpopular   0.80   1.13  \n",
              "Upcoming    1.87   4.22  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-a86ddd60-6dbe-42e0-b443-896a48f9f3a2\" 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 tr th {\n",
              "        text-align: left;\n",
              "    }\n",
              "\n",
              "    .dataframe thead tr:last-of-type th {\n",
              "        text-align: right;\n",
              "    }\n",
              "</style>\n",
              "<table border=\"1\" class=\"dataframe\">\n",
              "  <thead>\n",
              "    <tr>\n",
              "      <th></th>\n",
              "      <th colspan=\"3\" halign=\"left\">TOTAL_VOTES</th>\n",
              "      <th colspan=\"3\" halign=\"left\">PROFESSIONAL_VOTES</th>\n",
              "      <th colspan=\"3\" halign=\"left\">BEGINNER_VOTES</th>\n",
              "      <th colspan=\"3\" halign=\"left\">OTHER_VOTES</th>\n",
              "      <th colspan=\"3\" halign=\"left\">PERCENTAGE</th>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th></th>\n",
              "      <th>mean</th>\n",
              "      <th>median</th>\n",
              "      <th>amax</th>\n",
              "      <th>mean</th>\n",
              "      <th>median</th>\n",
              "      <th>amax</th>\n",
              "      <th>mean</th>\n",
              "      <th>median</th>\n",
              "      <th>amax</th>\n",
              "      <th>mean</th>\n",
              "      <th>median</th>\n",
              "      <th>amax</th>\n",
              "      <th>mean</th>\n",
              "      <th>median</th>\n",
              "      <th>amax</th>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>CATEGORY</th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "      <th></th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>Popular</th>\n",
              "      <td>14370.375</td>\n",
              "      <td>10680.0</td>\n",
              "      <td>33818</td>\n",
              "      <td>11900.000</td>\n",
              "      <td>8438.0</td>\n",
              "      <td>29479</td>\n",
              "      <td>493.750000</td>\n",
              "      <td>489.5</td>\n",
              "      <td>654</td>\n",
              "      <td>634.375000</td>\n",
              "      <td>553.5</td>\n",
              "      <td>1185</td>\n",
              "      <td>9.742500</td>\n",
              "      <td>7.24</td>\n",
              "      <td>22.93</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Unpopular</th>\n",
              "      <td>1120.750</td>\n",
              "      <td>1181.5</td>\n",
              "      <td>1671</td>\n",
              "      <td>874.125</td>\n",
              "      <td>861.0</td>\n",
              "      <td>1432</td>\n",
              "      <td>50.875000</td>\n",
              "      <td>53.0</td>\n",
              "      <td>132</td>\n",
              "      <td>64.625000</td>\n",
              "      <td>69.5</td>\n",
              "      <td>94</td>\n",
              "      <td>0.760000</td>\n",
              "      <td>0.80</td>\n",
              "      <td>1.13</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>Upcoming</th>\n",
              "      <td>3369.000</td>\n",
              "      <td>2755.0</td>\n",
              "      <td>6228</td>\n",
              "      <td>2544.000</td>\n",
              "      <td>2104.0</td>\n",
              "      <td>4708</td>\n",
              "      <td>173.428571</td>\n",
              "      <td>123.0</td>\n",
              "      <td>498</td>\n",
              "      <td>218.571429</td>\n",
              "      <td>184.0</td>\n",
              "      <td>396</td>\n",
              "      <td>2.284286</td>\n",
              "      <td>1.87</td>\n",
              "      <td>4.22</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-a86ddd60-6dbe-42e0-b443-896a48f9f3a2')\"\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-a86ddd60-6dbe-42e0-b443-896a48f9f3a2 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-a86ddd60-6dbe-42e0-b443-896a48f9f3a2');\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-c2c16f54-6913-4765-ac90-38482947fe34\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-c2c16f54-6913-4765-ac90-38482947fe34')\"\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-c2c16f54-6913-4765-ac90-38482947fe34 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": 53
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "### Vectorize string operations\n",
        "\n",
        "We'll use the following syntax in order to use our normal python string functions with tables"
      ],
      "metadata": {
        "id": "iQ2C4Auuvqru"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table[\"CLOUD_PLATFORMS\"].str.startswith(\"A\")"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "WpIbuu0T3drc",
        "outputId": "85cb31b4-06b7-4549-c8d6-b845153aaaf3"
      },
      "execution_count": 54,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "1      True\n",
              "2     False\n",
              "3     False\n",
              "4     False\n",
              "5     False\n",
              "6     False\n",
              "7     False\n",
              "8     False\n",
              "9     False\n",
              "10    False\n",
              "11    False\n",
              "12    False\n",
              "13    False\n",
              "14    False\n",
              "15    False\n",
              "16    False\n",
              "17    False\n",
              "18    False\n",
              "19    False\n",
              "20    False\n",
              "21    False\n",
              "22    False\n",
              "23    False\n",
              "Name: CLOUD_PLATFORMS, dtype: bool"
            ]
          },
          "metadata": {},
          "execution_count": 54
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "This action will return an boolean array but we can print this using the following syntax"
      ],
      "metadata": {
        "id": "Jf7vb7uQv_8Q"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table[cloud_survey_table[\"CLOUD_PLATFORMS\"].str.startswith(\"A\")]"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 81
        },
        "id": "JdhGe-BN3s9B",
        "outputId": "7abcb29e-7b3a-4107-9633-0e586e269e1b"
      },
      "execution_count": 55,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "             CLOUD_PLATFORMS  TOTAL_VOTES  PROFESSIONAL_VOTES  BEGINNER_VOTES  \\\n",
              "1  Amazon Web Services (AWS)        33818               29479             654   \n",
              "\n",
              "   OTHER_VOTES  PERCENTAGE CATEGORY  \n",
              "1         1185       22.93  Popular  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-4d982937-6647-4e54-9bd2-df39101ebee1\" 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>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "      <th>CATEGORY</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>29479</td>\n",
              "      <td>654</td>\n",
              "      <td>1185</td>\n",
              "      <td>22.93</td>\n",
              "      <td>Popular</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-4d982937-6647-4e54-9bd2-df39101ebee1')\"\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-4d982937-6647-4e54-9bd2-df39101ebee1 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-4d982937-6647-4e54-9bd2-df39101ebee1');\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": {},
          "execution_count": 55
        }
      ]
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table[\"CLOUD_PLATFORMS\"].str.upper()"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/"
        },
        "id": "jmtmSCZX3wIR",
        "outputId": "8b78dc9f-aeb5-40e1-d29d-084352a59910"
      },
      "execution_count": 56,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "1             AMAZON WEB SERVICES (AWS)\n",
              "2                       MICROSOFT AZURE\n",
              "3                          GOOGLE CLOUD\n",
              "4                              FIREBASE\n",
              "5                            CLOUDFLARE\n",
              "6                         DIGITAL OCEAN\n",
              "7                                HEROKU\n",
              "8                                VERCEL\n",
              "9                               NETLIFY\n",
              "10                               VMWARE\n",
              "11                              HETZNER\n",
              "12                   LINODE, NOW AKAMAI\n",
              "13                      MANAGED HOSTING\n",
              "14                                  OVH\n",
              "15    ORACLE CLOUD INFRASTRUCTURE (OCI)\n",
              "16                            OPENSHIFT\n",
              "17                               FLY.IO\n",
              "18                                VULTR\n",
              "19                               RENDER\n",
              "20                            OPENSTACK\n",
              "21                  IBM CLOUD OR WATSON\n",
              "22                             SCALEWAY\n",
              "23                           COLOCATION\n",
              "Name: CLOUD_PLATFORMS, dtype: object"
            ]
          },
          "metadata": {},
          "execution_count": 56
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can also export our data multiple file formats using the following method"
      ],
      "metadata": {
        "id": "dRYhbJ5Iwnvv"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "cloud_survey_table.to_excel(\"survey table.xlsx\")"
      ],
      "metadata": {
        "id": "pkCbH_Zo37wJ"
      },
      "execution_count": 57,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "source": [
        "We can also read the data from multiple formats"
      ],
      "metadata": {
        "id": "ikNbZt-iwtQH"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "pd.read_excel(\"/content/survey table.xlsx\")"
      ],
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 770
        },
        "id": "_jN8k2IK4jG2",
        "outputId": "480121ff-f3fd-4893-ba65-81e6402dc114"
      },
      "execution_count": 58,
      "outputs": [
        {
          "output_type": "execute_result",
          "data": {
            "text/plain": [
              "    Unnamed: 0                    CLOUD_PLATFORMS  TOTAL_VOTES  \\\n",
              "0            1          Amazon Web Services (AWS)        33818   \n",
              "1            2                    Microsoft Azure        18105   \n",
              "2            3                       Google Cloud        16592   \n",
              "3            4                           Firebase        10761   \n",
              "4            5                         Cloudflare        10599   \n",
              "5            6                      Digital Ocean         9299   \n",
              "6            7                             Heroku         8358   \n",
              "7            8                             Vercel         7431   \n",
              "8            9                            Netlify         6228   \n",
              "9           10                             VMware         4964   \n",
              "10          11                            Hetzner         3069   \n",
              "11          12                 Linode, now Akamai         2755   \n",
              "12          13                    Managed Hosting         2379   \n",
              "13          14                                OVH         2378   \n",
              "14          15  Oracle Cloud Infrastructure (OCI)         1810   \n",
              "15          16                          OpenShift         1671   \n",
              "16          17                             Fly.io         1649   \n",
              "17          18                              Vultr         1357   \n",
              "18          19                             Render         1287   \n",
              "19          20                          OpenStack         1076   \n",
              "20          21                IBM Cloud Or Watson          801   \n",
              "21          22                           Scaleway          628   \n",
              "22          23                         Colocation          497   \n",
              "\n",
              "    PROFESSIONAL_VOTES  BEGINNER_VOTES  OTHER_VOTES  PERCENTAGE   CATEGORY  \n",
              "0                29479             654         1185       22.93    Popular  \n",
              "1                15441             370          714       12.27    Popular  \n",
              "2                13304             652          866       11.25    Popular  \n",
              "3                 8550             628          486        7.29    Popular  \n",
              "4                 8326             420          621        7.19    Popular  \n",
              "5                 7838             247          393        6.30    Popular  \n",
              "6                 6535             492          418        5.67    Popular  \n",
              "7                 5727             487          392        5.04    Popular  \n",
              "8                 4708             498          330        4.22   Upcoming  \n",
              "9                 3584             262          396        3.37   Upcoming  \n",
              "10                2465              67          184        2.08   Upcoming  \n",
              "11                2104             125          167        1.87   Upcoming  \n",
              "12                1889              63          137        1.61   Upcoming  \n",
              "13                1912              76          126        1.61   Upcoming  \n",
              "14                1146             123          190        1.23   Upcoming  \n",
              "15                1432              22           66        1.13  Unpopular  \n",
              "16                1342              72           79        1.12  Unpopular  \n",
              "17                1021              55           94        0.92  Unpopular  \n",
              "18                 920             132           69        0.87  Unpopular  \n",
              "19                 802              53           78        0.73  Unpopular  \n",
              "20                 571              53           70        0.54  Unpopular  \n",
              "21                 520               0           31        0.43  Unpopular  \n",
              "22                 385              20           30        0.34  Unpopular  "
            ],
            "text/html": [
              "\n",
              "  <div id=\"df-6414aff8-6461-40f4-851e-c778e97975b0\" 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>Unnamed: 0</th>\n",
              "      <th>CLOUD_PLATFORMS</th>\n",
              "      <th>TOTAL_VOTES</th>\n",
              "      <th>PROFESSIONAL_VOTES</th>\n",
              "      <th>BEGINNER_VOTES</th>\n",
              "      <th>OTHER_VOTES</th>\n",
              "      <th>PERCENTAGE</th>\n",
              "      <th>CATEGORY</th>\n",
              "    </tr>\n",
              "  </thead>\n",
              "  <tbody>\n",
              "    <tr>\n",
              "      <th>0</th>\n",
              "      <td>1</td>\n",
              "      <td>Amazon Web Services (AWS)</td>\n",
              "      <td>33818</td>\n",
              "      <td>29479</td>\n",
              "      <td>654</td>\n",
              "      <td>1185</td>\n",
              "      <td>22.93</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>1</th>\n",
              "      <td>2</td>\n",
              "      <td>Microsoft Azure</td>\n",
              "      <td>18105</td>\n",
              "      <td>15441</td>\n",
              "      <td>370</td>\n",
              "      <td>714</td>\n",
              "      <td>12.27</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>2</th>\n",
              "      <td>3</td>\n",
              "      <td>Google Cloud</td>\n",
              "      <td>16592</td>\n",
              "      <td>13304</td>\n",
              "      <td>652</td>\n",
              "      <td>866</td>\n",
              "      <td>11.25</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>3</th>\n",
              "      <td>4</td>\n",
              "      <td>Firebase</td>\n",
              "      <td>10761</td>\n",
              "      <td>8550</td>\n",
              "      <td>628</td>\n",
              "      <td>486</td>\n",
              "      <td>7.29</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>4</th>\n",
              "      <td>5</td>\n",
              "      <td>Cloudflare</td>\n",
              "      <td>10599</td>\n",
              "      <td>8326</td>\n",
              "      <td>420</td>\n",
              "      <td>621</td>\n",
              "      <td>7.19</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>5</th>\n",
              "      <td>6</td>\n",
              "      <td>Digital Ocean</td>\n",
              "      <td>9299</td>\n",
              "      <td>7838</td>\n",
              "      <td>247</td>\n",
              "      <td>393</td>\n",
              "      <td>6.30</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>6</th>\n",
              "      <td>7</td>\n",
              "      <td>Heroku</td>\n",
              "      <td>8358</td>\n",
              "      <td>6535</td>\n",
              "      <td>492</td>\n",
              "      <td>418</td>\n",
              "      <td>5.67</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>7</th>\n",
              "      <td>8</td>\n",
              "      <td>Vercel</td>\n",
              "      <td>7431</td>\n",
              "      <td>5727</td>\n",
              "      <td>487</td>\n",
              "      <td>392</td>\n",
              "      <td>5.04</td>\n",
              "      <td>Popular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>8</th>\n",
              "      <td>9</td>\n",
              "      <td>Netlify</td>\n",
              "      <td>6228</td>\n",
              "      <td>4708</td>\n",
              "      <td>498</td>\n",
              "      <td>330</td>\n",
              "      <td>4.22</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>9</th>\n",
              "      <td>10</td>\n",
              "      <td>VMware</td>\n",
              "      <td>4964</td>\n",
              "      <td>3584</td>\n",
              "      <td>262</td>\n",
              "      <td>396</td>\n",
              "      <td>3.37</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>10</th>\n",
              "      <td>11</td>\n",
              "      <td>Hetzner</td>\n",
              "      <td>3069</td>\n",
              "      <td>2465</td>\n",
              "      <td>67</td>\n",
              "      <td>184</td>\n",
              "      <td>2.08</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>11</th>\n",
              "      <td>12</td>\n",
              "      <td>Linode, now Akamai</td>\n",
              "      <td>2755</td>\n",
              "      <td>2104</td>\n",
              "      <td>125</td>\n",
              "      <td>167</td>\n",
              "      <td>1.87</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>12</th>\n",
              "      <td>13</td>\n",
              "      <td>Managed Hosting</td>\n",
              "      <td>2379</td>\n",
              "      <td>1889</td>\n",
              "      <td>63</td>\n",
              "      <td>137</td>\n",
              "      <td>1.61</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>13</th>\n",
              "      <td>14</td>\n",
              "      <td>OVH</td>\n",
              "      <td>2378</td>\n",
              "      <td>1912</td>\n",
              "      <td>76</td>\n",
              "      <td>126</td>\n",
              "      <td>1.61</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>14</th>\n",
              "      <td>15</td>\n",
              "      <td>Oracle Cloud Infrastructure (OCI)</td>\n",
              "      <td>1810</td>\n",
              "      <td>1146</td>\n",
              "      <td>123</td>\n",
              "      <td>190</td>\n",
              "      <td>1.23</td>\n",
              "      <td>Upcoming</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>15</th>\n",
              "      <td>16</td>\n",
              "      <td>OpenShift</td>\n",
              "      <td>1671</td>\n",
              "      <td>1432</td>\n",
              "      <td>22</td>\n",
              "      <td>66</td>\n",
              "      <td>1.13</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>16</th>\n",
              "      <td>17</td>\n",
              "      <td>Fly.io</td>\n",
              "      <td>1649</td>\n",
              "      <td>1342</td>\n",
              "      <td>72</td>\n",
              "      <td>79</td>\n",
              "      <td>1.12</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>17</th>\n",
              "      <td>18</td>\n",
              "      <td>Vultr</td>\n",
              "      <td>1357</td>\n",
              "      <td>1021</td>\n",
              "      <td>55</td>\n",
              "      <td>94</td>\n",
              "      <td>0.92</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>18</th>\n",
              "      <td>19</td>\n",
              "      <td>Render</td>\n",
              "      <td>1287</td>\n",
              "      <td>920</td>\n",
              "      <td>132</td>\n",
              "      <td>69</td>\n",
              "      <td>0.87</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>19</th>\n",
              "      <td>20</td>\n",
              "      <td>OpenStack</td>\n",
              "      <td>1076</td>\n",
              "      <td>802</td>\n",
              "      <td>53</td>\n",
              "      <td>78</td>\n",
              "      <td>0.73</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>20</th>\n",
              "      <td>21</td>\n",
              "      <td>IBM Cloud Or Watson</td>\n",
              "      <td>801</td>\n",
              "      <td>571</td>\n",
              "      <td>53</td>\n",
              "      <td>70</td>\n",
              "      <td>0.54</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>21</th>\n",
              "      <td>22</td>\n",
              "      <td>Scaleway</td>\n",
              "      <td>628</td>\n",
              "      <td>520</td>\n",
              "      <td>0</td>\n",
              "      <td>31</td>\n",
              "      <td>0.43</td>\n",
              "      <td>Unpopular</td>\n",
              "    </tr>\n",
              "    <tr>\n",
              "      <th>22</th>\n",
              "      <td>23</td>\n",
              "      <td>Colocation</td>\n",
              "      <td>497</td>\n",
              "      <td>385</td>\n",
              "      <td>20</td>\n",
              "      <td>30</td>\n",
              "      <td>0.34</td>\n",
              "      <td>Unpopular</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-6414aff8-6461-40f4-851e-c778e97975b0')\"\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-6414aff8-6461-40f4-851e-c778e97975b0 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-6414aff8-6461-40f4-851e-c778e97975b0');\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-3dba1006-58c7-4cf1-9b4b-28878478d45a\">\n",
              "  <button class=\"colab-df-quickchart\" onclick=\"quickchart('df-3dba1006-58c7-4cf1-9b4b-28878478d45a')\"\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-3dba1006-58c7-4cf1-9b4b-28878478d45a 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": 58
        }
      ]
    }
  ]
}