PieChart.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [],
   "source": [
    "import pygal\n",
    "import pandas as pd"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [],
   "source": [
    "wine_dataframe = pd.read_csv('datasets/winequality-red.csv', \n",
    "                             sep=';')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<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>fixed acidity</th>\n",
       "      <th>volatile acidity</th>\n",
       "      <th>citric acid</th>\n",
       "      <th>residual sugar</th>\n",
       "      <th>chlorides</th>\n",
       "      <th>free sulfur dioxide</th>\n",
       "      <th>total sulfur dioxide</th>\n",
       "      <th>density</th>\n",
       "      <th>pH</th>\n",
       "      <th>sulphates</th>\n",
       "      <th>alcohol</th>\n",
       "      <th>quality</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>7.4</td>\n",
       "      <td>0.70</td>\n",
       "      <td>0.00</td>\n",
       "      <td>1.9</td>\n",
       "      <td>0.076</td>\n",
       "      <td>11.0</td>\n",
       "      <td>34.0</td>\n",
       "      <td>0.9978</td>\n",
       "      <td>3.51</td>\n",
       "      <td>0.56</td>\n",
       "      <td>9.4</td>\n",
       "      <td>5</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>7.8</td>\n",
       "      <td>0.88</td>\n",
       "      <td>0.00</td>\n",
       "      <td>2.6</td>\n",
       "      <td>0.098</td>\n",
       "      <td>25.0</td>\n",
       "      <td>67.0</td>\n",
       "      <td>0.9968</td>\n",
       "      <td>3.20</td>\n",
       "      <td>0.68</td>\n",
       "      <td>9.8</td>\n",
       "      <td>5</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>7.8</td>\n",
       "      <td>0.76</td>\n",
       "      <td>0.04</td>\n",
       "      <td>2.3</td>\n",
       "      <td>0.092</td>\n",
       "      <td>15.0</td>\n",
       "      <td>54.0</td>\n",
       "      <td>0.9970</td>\n",
       "      <td>3.26</td>\n",
       "      <td>0.65</td>\n",
       "      <td>9.8</td>\n",
       "      <td>5</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>11.2</td>\n",
       "      <td>0.28</td>\n",
       "      <td>0.56</td>\n",
       "      <td>1.9</td>\n",
       "      <td>0.075</td>\n",
       "      <td>17.0</td>\n",
       "      <td>60.0</td>\n",
       "      <td>0.9980</td>\n",
       "      <td>3.16</td>\n",
       "      <td>0.58</td>\n",
       "      <td>9.8</td>\n",
       "      <td>6</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>7.4</td>\n",
       "      <td>0.70</td>\n",
       "      <td>0.00</td>\n",
       "      <td>1.9</td>\n",
       "      <td>0.076</td>\n",
       "      <td>11.0</td>\n",
       "      <td>34.0</td>\n",
       "      <td>0.9978</td>\n",
       "      <td>3.51</td>\n",
       "      <td>0.56</td>\n",
       "      <td>9.4</td>\n",
       "      <td>5</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   fixed acidity  volatile acidity  citric acid  residual sugar  chlorides  \\\n",
       "0            7.4              0.70         0.00             1.9      0.076   \n",
       "1            7.8              0.88         0.00             2.6      0.098   \n",
       "2            7.8              0.76         0.04             2.3      0.092   \n",
       "3           11.2              0.28         0.56             1.9      0.075   \n",
       "4            7.4              0.70         0.00             1.9      0.076   \n",
       "\n",
       "   free sulfur dioxide  total sulfur dioxide  density    pH  sulphates  \\\n",
       "0                 11.0                  34.0   0.9978  3.51       0.56   \n",
       "1                 25.0                  67.0   0.9968  3.20       0.68   \n",
       "2                 15.0                  54.0   0.9970  3.26       0.65   \n",
       "3                 17.0                  60.0   0.9980  3.16       0.58   \n",
       "4                 11.0                  34.0   0.9978  3.51       0.56   \n",
       "\n",
       "   alcohol  quality  \n",
       "0      9.4        5  \n",
       "1      9.8        5  \n",
       "2      9.8        5  \n",
       "3      9.8        6  \n",
       "4      9.4        5  "
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "wine_dataframe.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<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>fixed acidity</th>\n",
       "      <th>volatile acidity</th>\n",
       "      <th>citric acid</th>\n",
       "      <th>residual sugar</th>\n",
       "      <th>chlorides</th>\n",
       "      <th>free sulfur dioxide</th>\n",
       "      <th>total sulfur dioxide</th>\n",
       "      <th>density</th>\n",
       "      <th>pH</th>\n",
       "      <th>sulphates</th>\n",
       "      <th>alcohol</th>\n",
       "      <th>quality</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>count</th>\n",
       "      <td>1599.000000</td>\n",
       "      <td>1599.000000</td>\n",
       "      <td>1599.000000</td>\n",
       "      <td>1599.000000</td>\n",
       "      <td>1599.000000</td>\n",
       "      <td>1599.000000</td>\n",
       "      <td>1599.000000</td>\n",
       "      <td>1599.000000</td>\n",
       "      <td>1599.000000</td>\n",
       "      <td>1599.000000</td>\n",
       "      <td>1599.000000</td>\n",
       "      <td>1599.000000</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>mean</th>\n",
       "      <td>8.319637</td>\n",
       "      <td>0.527821</td>\n",
       "      <td>0.270976</td>\n",
       "      <td>2.538806</td>\n",
       "      <td>0.087467</td>\n",
       "      <td>15.874922</td>\n",
       "      <td>46.467792</td>\n",
       "      <td>0.996747</td>\n",
       "      <td>3.311113</td>\n",
       "      <td>0.658149</td>\n",
       "      <td>10.422983</td>\n",
       "      <td>5.636023</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>std</th>\n",
       "      <td>1.741096</td>\n",
       "      <td>0.179060</td>\n",
       "      <td>0.194801</td>\n",
       "      <td>1.409928</td>\n",
       "      <td>0.047065</td>\n",
       "      <td>10.460157</td>\n",
       "      <td>32.895324</td>\n",
       "      <td>0.001887</td>\n",
       "      <td>0.154386</td>\n",
       "      <td>0.169507</td>\n",
       "      <td>1.065668</td>\n",
       "      <td>0.807569</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>min</th>\n",
       "      <td>4.600000</td>\n",
       "      <td>0.120000</td>\n",
       "      <td>0.000000</td>\n",
       "      <td>0.900000</td>\n",
       "      <td>0.012000</td>\n",
       "      <td>1.000000</td>\n",
       "      <td>6.000000</td>\n",
       "      <td>0.990070</td>\n",
       "      <td>2.740000</td>\n",
       "      <td>0.330000</td>\n",
       "      <td>8.400000</td>\n",
       "      <td>3.000000</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>25%</th>\n",
       "      <td>7.100000</td>\n",
       "      <td>0.390000</td>\n",
       "      <td>0.090000</td>\n",
       "      <td>1.900000</td>\n",
       "      <td>0.070000</td>\n",
       "      <td>7.000000</td>\n",
       "      <td>22.000000</td>\n",
       "      <td>0.995600</td>\n",
       "      <td>3.210000</td>\n",
       "      <td>0.550000</td>\n",
       "      <td>9.500000</td>\n",
       "      <td>5.000000</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>50%</th>\n",
       "      <td>7.900000</td>\n",
       "      <td>0.520000</td>\n",
       "      <td>0.260000</td>\n",
       "      <td>2.200000</td>\n",
       "      <td>0.079000</td>\n",
       "      <td>14.000000</td>\n",
       "      <td>38.000000</td>\n",
       "      <td>0.996750</td>\n",
       "      <td>3.310000</td>\n",
       "      <td>0.620000</td>\n",
       "      <td>10.200000</td>\n",
       "      <td>6.000000</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>75%</th>\n",
       "      <td>9.200000</td>\n",
       "      <td>0.640000</td>\n",
       "      <td>0.420000</td>\n",
       "      <td>2.600000</td>\n",
       "      <td>0.090000</td>\n",
       "      <td>21.000000</td>\n",
       "      <td>62.000000</td>\n",
       "      <td>0.997835</td>\n",
       "      <td>3.400000</td>\n",
       "      <td>0.730000</td>\n",
       "      <td>11.100000</td>\n",
       "      <td>6.000000</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>max</th>\n",
       "      <td>15.900000</td>\n",
       "      <td>1.580000</td>\n",
       "      <td>1.000000</td>\n",
       "      <td>15.500000</td>\n",
       "      <td>0.611000</td>\n",
       "      <td>72.000000</td>\n",
       "      <td>289.000000</td>\n",
       "      <td>1.003690</td>\n",
       "      <td>4.010000</td>\n",
       "      <td>2.000000</td>\n",
       "      <td>14.900000</td>\n",
       "      <td>8.000000</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "       fixed acidity  volatile acidity  citric acid  residual sugar  \\\n",
       "count    1599.000000       1599.000000  1599.000000     1599.000000   \n",
       "mean        8.319637          0.527821     0.270976        2.538806   \n",
       "std         1.741096          0.179060     0.194801        1.409928   \n",
       "min         4.600000          0.120000     0.000000        0.900000   \n",
       "25%         7.100000          0.390000     0.090000        1.900000   \n",
       "50%         7.900000          0.520000     0.260000        2.200000   \n",
       "75%         9.200000          0.640000     0.420000        2.600000   \n",
       "max        15.900000          1.580000     1.000000       15.500000   \n",
       "\n",
       "         chlorides  free sulfur dioxide  total sulfur dioxide      density  \\\n",
       "count  1599.000000          1599.000000           1599.000000  1599.000000   \n",
       "mean      0.087467            15.874922             46.467792     0.996747   \n",
       "std       0.047065            10.460157             32.895324     0.001887   \n",
       "min       0.012000             1.000000              6.000000     0.990070   \n",
       "25%       0.070000             7.000000             22.000000     0.995600   \n",
       "50%       0.079000            14.000000             38.000000     0.996750   \n",
       "75%       0.090000            21.000000             62.000000     0.997835   \n",
       "max       0.611000            72.000000            289.000000     1.003690   \n",
       "\n",
       "                pH    sulphates      alcohol      quality  \n",
       "count  1599.000000  1599.000000  1599.000000  1599.000000  \n",
       "mean      3.311113     0.658149    10.422983     5.636023  \n",
       "std       0.154386     0.169507     1.065668     0.807569  \n",
       "min       2.740000     0.330000     8.400000     3.000000  \n",
       "25%       3.210000     0.550000     9.500000     5.000000  \n",
       "50%       3.310000     0.620000    10.200000     6.000000  \n",
       "75%       3.400000     0.730000    11.100000     6.000000  \n",
       "max       4.010000     2.000000    14.900000     8.000000  "
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "wine_dataframe.describe()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "1599"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "num_wines = len(wine_dataframe)\n",
    "num_wines"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "quality\n",
       "3     10\n",
       "4     53\n",
       "5    681\n",
       "6    638\n",
       "7    199\n",
       "8     18\n",
       "dtype: int64"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "counts_df = wine_dataframe.groupby(['quality']).size()\n",
    "counts_df"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "217"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "num_high_quality = counts_df[7] + counts_df[8]\n",
    "num_high_quality"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {},
   "outputs": [],
   "source": [
    "num_low_quality = counts_df[3] + counts_df[4]\n",
    "num_med_quality = counts_df[5] + counts_df[6]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Total wines:  1599\n",
      "High Quality wines :  217\n",
      "Medium Quality wines :  1319\n",
      "Low Quality wines :  63\n"
     ]
    }
   ],
   "source": [
    "print('Total wines: ', num_wines)\n",
    "print('High Quality wines : ', num_high_quality)\n",
    "print('Medium Quality wines : ', num_med_quality)\n",
    "print('Low Quality wines : ', num_low_quality)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {},
   "outputs": [],
   "source": [
    "from pygal.style import DarkStyle"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {},
   "outputs": [],
   "source": [
    "pie_chart = pygal.Pie(width = 640,\n",
    "                      height = 360,\n",
    "                      explicit_size = True,\n",
    "                      style = DarkStyle)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "metadata": {},
   "outputs": [],
   "source": [
    "pie_chart.title = 'Wines by Quality'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "image/png": "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1uv1HT7V5/cLMIgggCHRVFRUpKamRgbfVldXh0IhlmVbAzgtLW3EiBEjRoxQq9VarTZyu4cDfNavXz969Oi333578eLFV1xxxV133fW3v/3tpptuijy7YMGCrVu3Ll26dObMmcuWLSsrK/vkk0962NtKCBEEYf369cuWLbvxxhtfeeWVhoaGt956q+0LXn311bFjxxqNxl5dzb/wwguCIGzbtu2mm2667777/uu//mvfvn2tI5M/++wznucfffTRjIyMWbNmLV++vO3P7tu3b8mSJePGjdPpdHfdddfChQt/fPzy8nKO4x577LHLLruspKSktYG6J5/zqVOnCgoK7rzzzsLCwjFjxtD0D05HfXu/AAAgmxtuuMFuty9atChyd8eOHQ0NDa0Nrc8995z9R1pnnXY7KjjSH1lRUWGxWL788stnnnmmtWF27NixW7ZsOXXqlNVqPXXq1LPPPtvz68LIUpQ33HBDZB7wP/7xj8LCwh+/7MyZM72aCBRx6aWX7t27NzL19tChQzqdru2zt91224kTJ8xmc2TyT9v3azAYnn/++QsXLtTV1b3++usLFiyw2+2tc4hbLV68+NixYy0tLXa7PT09PfJg159zhFKp3Lx587fffhv52cg84P6/XwAAgGgqKiqy2+3XX399n49w1113tbS0PPLII1GsauD0//0CAAD0y/Dhw2fPnr1v375jx471qlP5x+69997f/OY3/TzIQIvi+wUAAOi79evXNzc3HzhwoHXOcWJLtvcLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEE8ouQuAAZSamip3CQAACcvv94dCoT7/OB3FUgAAAKCHEMAAAAAyQAADAADIAAEMAAAgAwQwAACADBDAAAAAMkAAAwAAyAABDAAAIAMEMAAAgAzYLp67JG3EJWkjuj3EUXvtUXttz3/lhAkTHnjggQcffLDbV5aVlXm93tdee63nB4+KjRs3Go1GQsiWLVsOHjzY7tme1w8AANCZbgL4vyfd4BPDXbxGRyv/4+R7bQNYq9Vu2rTppZdeOnbsWOSRJ5988sCBA++9917krtPpLC8v73flHaBpeuHChdOnT1er1VVVVdu2bbNYLH04zpo1awghTz75ZIfPdlh/5F2vX7++pqam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\n",
      "image/svg+xml": [
       "<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"pygal-chart\" height=\"360\" id=\"chart-40864da9-a4c3-4e54-9157-65a72317f4ea\" viewBox=\"0 0 640 360\" width=\"640\" xmlns=\"http://www.w3.org/2000/svg\"><!--Generated with pygal 2.4.0 (etree) ©Kozea 2012-2016 on 2020-05-03--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type=\"text/css\">#chart-40864da9-a4c3-4e54-9157-65a72317f4ea{-webkit-user-select:none;-webkit-font-smoothing:antialiased;font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .title{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .legends .legend text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis text.major{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .text-overlay text.value{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .text-overlay text.label{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea text.no_data{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:64px}\n",
       "#chart-40864da9-a4c3-4e54-9157-65a72317f4ea{background-color:black}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea path,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea rect,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea circle{-webkit-transition:250ms;-moz-transition:250ms;transition:250ms}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .graph &gt; .background{fill:black}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .plot &gt; .background{fill:#111}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .graph{fill:#999}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea text.no_data{fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .title{fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .legends .legend text{fill:#999}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .legends .legend:hover text{fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .line{stroke:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .guide.line{stroke:#555}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .major.line{stroke:#999}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis text.major{fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y .guides:hover .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .line-graph .axis.x .guides:hover .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .stackedline-graph .axis.x .guides:hover .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .xy-graph .axis.x .guides:hover .guide.line{stroke:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .guides:hover text{fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .reactive{fill-opacity:.8;stroke-opacity:.8}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .ci{stroke:#999}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .reactive.active,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .active .reactive{fill-opacity:.4;stroke-opacity:.9;stroke-width:4}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .ci .reactive.active{stroke-width:1.5}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .series text{fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip rect{fill:#111;stroke:#eee;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;transition:opacity 250ms}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip .label{fill:#999}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip .label{fill:#999}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip .legend{font-size:.8em;fill:#555}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip .x_label{font-size:.6em;fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip .xlink{font-size:.5em;text-decoration:underline}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip .value{font-size:1.5em}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .bound{font-size:.5em}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .max-value{font-size:.75em;fill:#555}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .map-element{fill:#111;stroke:#555 !important}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .map-element .reactive{fill-opacity:inherit;stroke-opacity:inherit}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .color-0,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .color-0 a:visited{stroke:#ff5995;fill:#ff5995}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .color-1,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .color-1 a:visited{stroke:#b6e354;fill:#b6e354}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .color-2,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .color-2 a:visited{stroke:#feed6c;fill:#feed6c}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .text-overlay .color-0 text{fill:black}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .text-overlay .color-1 text{fill:black}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .text-overlay .color-2 text{fill:black}\n",
       "#chart-40864da9-a4c3-4e54-9157-65a72317f4ea text.no_data{text-anchor:middle}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .guide.line{fill:none}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .centered{text-anchor:middle}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .title{text-anchor:middle}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .legends .legend text{fill-opacity:1}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.x text{text-anchor:middle}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.x:not(.web) text[transform]{text-anchor:start}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.x:not(.web) text[transform].backwards{text-anchor:end}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y text{text-anchor:end}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y text[transform].backwards{text-anchor:start}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y2 text{text-anchor:start}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y2 text[transform].backwards{text-anchor:end}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .guide.line{stroke-dasharray:4,4}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .major.guide.line{stroke-dasharray:6,6}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .horizontal .axis.y .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .horizontal .axis.y2 .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .vertical .axis.x .guide.line{opacity:0}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .horizontal .axis.always_show .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y .guides:hover .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y2 .guides:hover .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.x .guides:hover .guide.line{opacity:1}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .guides:hover text{opacity:1}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .nofill{fill:none}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .subtle-fill{fill-opacity:.2}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .dot{stroke-width:1px;fill-opacity:1}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .dot.active{stroke-width:5px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .dot.negative{fill:transparent}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea text,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea tspan{stroke:none !important}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .series text.active{opacity:1}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip rect{fill-opacity:.95;stroke-width:.5}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip text{fill-opacity:1}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .showable{visibility:hidden}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .showable.shown{visibility:visible}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .gauge-background{fill:rgba(229,229,229,1);stroke:none}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .bg-lines{stroke:black;stroke-width:2px}</style><script type=\"text/javascript\">window.pygal = window.pygal || {};window.pygal.config = window.pygal.config || {};window.pygal.config['40864da9-a4c3-4e54-9157-65a72317f4ea'] = {\"allow_interruptions\": false, \"box_mode\": \"extremes\", \"classes\": [\"pygal-chart\"], \"css\": [\"file://style.css\", \"file://graph.css\"], \"defs\": [], \"disable_xml_declaration\": true, \"dots_size\": 2.5, \"dynamic_print_values\": false, \"explicit_size\": true, \"fill\": false, \"force_uri_protocol\": \"https\", \"formatter\": null, \"half_pie\": false, \"height\": 360, \"include_x_axis\": false, \"inner_radius\": 0, \"interpolate\": null, \"interpolation_parameters\": {}, \"interpolation_precision\": 250, \"inverse_y_axis\": false, \"js\": [\"//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"], \"legend_at_bottom\": false, \"legend_at_bottom_columns\": null, \"legend_box_size\": 12, \"logarithmic\": false, \"margin\": 20, \"margin_bottom\": null, \"margin_left\": null, \"margin_right\": null, \"margin_top\": null, \"max_scale\": 16, \"min_scale\": 4, \"missing_value_fill_truncation\": \"x\", \"no_data_text\": \"No data\", \"no_prefix\": false, \"order_min\": null, \"pretty_print\": false, \"print_labels\": false, \"print_values\": false, \"print_values_position\": \"center\", \"print_zeroes\": true, \"range\": null, \"rounded_bars\": null, \"secondary_range\": null, \"show_dots\": true, \"show_legend\": true, \"show_minor_x_labels\": true, \"show_minor_y_labels\": true, \"show_only_major_dots\": false, \"show_x_guides\": false, \"show_x_labels\": true, \"show_y_guides\": true, \"show_y_labels\": true, \"spacing\": 10, \"stack_from_top\": false, \"strict\": false, \"stroke\": true, \"stroke_style\": null, \"style\": {\"background\": \"black\", \"ci_colors\": [], \"colors\": [\"#ff5995\", \"#b6e354\", \"#feed6c\", \"#8cedff\", \"#9e6ffe\", \"#899ca1\", \"#f8f8f2\", \"#bf4646\", \"#516083\", \"#f92672\", \"#82b414\", \"#fd971f\", \"#56c2d6\", \"#808384\", \"#8c54fe\", \"#465457\"], \"font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"foreground\": \"#999\", \"foreground_strong\": \"#eee\", \"foreground_subtle\": \"#555\", \"guide_stroke_dasharray\": \"4,4\", \"label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"label_font_size\": 10, \"legend_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"legend_font_size\": 14, \"major_guide_stroke_dasharray\": \"6,6\", \"major_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"major_label_font_size\": 10, \"no_data_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"no_data_font_size\": 64, \"opacity\": \".8\", \"opacity_hover\": \".4\", \"plot_background\": \"#111\", \"stroke_opacity\": \".8\", \"stroke_opacity_hover\": \".9\", \"title_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"title_font_size\": 16, \"tooltip_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"tooltip_font_size\": 14, \"transition\": \"250ms\", \"value_background\": \"rgba(229, 229, 229, 1)\", \"value_colors\": [], \"value_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_font_size\": 16, \"value_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_label_font_size\": 10}, \"title\": \"Wines by Quality\", \"tooltip_border_radius\": 0, \"tooltip_fancy_mode\": true, \"truncate_label\": null, \"truncate_legend\": null, \"width\": 640, \"x_label_rotation\": 0, \"x_labels\": null, \"x_labels_major\": null, \"x_labels_major_count\": null, \"x_labels_major_every\": null, \"x_title\": null, \"xrange\": null, \"y_label_rotation\": 0, \"y_labels\": null, \"y_labels_major\": null, \"y_labels_major_count\": null, \"y_labels_major_every\": null, \"y_title\": null, \"zero\": 0, \"legends\": [\"High Quality\", \"Medium Quality\", \"Low Quality\"]}</script><script type=\"text/javascript\" xlink:href=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\" /></defs><title>Wines by Quality</title><g class=\"graph pie-graph vertical\"><rect class=\"background\" height=\"360\" width=\"640\" x=\"0\" y=\"0\" /><g class=\"plot\" transform=\"translate(159, 46)\"><rect class=\"background\" height=\"294\" width=\"460.4\" x=\"0\" y=\"0\" /><g class=\"series serie-0 color-0\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M230.200000 14.700000 A132.300000 132.300000 0 0 1 329.828912 59.951910 L230.200000 147.000000 A0.000000 0.000000 0 0 0 230.200000 147.000000 z\" /><desc class=\"value\">217</desc><desc class=\"x centered\">257.55604987559275</desc><desc class=\"y centered\">86.77152637494386</desc></g></g></g><g class=\"series serie-1 color-1\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M329.828912 59.951910 A132.300000 132.300000 0 1 1 197.781953 18.733246 L230.200000 147.000000 A0.000000 0.000000 0 1 0 230.200000 147.000000 z\" /><desc class=\"value\">1319</desc><desc class=\"x centered\">210.48915494217687</desc><desc class=\"y centered\">210.14511134764504</desc></g></g></g><g class=\"series serie-2 color-2\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M197.781953 18.733246 A132.300000 132.300000 0 0 1 230.200000 14.700000 L230.200000 147.000000 A0.000000 0.000000 0 0 0 230.200000 147.000000 z\" /><desc class=\"value\">63</desc><desc class=\"x centered\">222.03300523456736</desc><desc class=\"y centered\">81.35609170302703</desc></g></g></g></g><g class=\"titles\"><text class=\"title plot_title\" x=\"320.0\" y=\"26\">Wines by Quality</text></g><g class=\"plot overlay\" transform=\"translate(159, 46)\"><g class=\"series serie-0 color-0\" /><g class=\"series serie-1 color-1\" /><g class=\"series serie-2 color-2\" /></g><g class=\"plot text-overlay\" transform=\"translate(159, 46)\"><g class=\"series serie-0 color-0\" /><g class=\"series serie-1 color-1\" /><g class=\"series serie-2 color-2\" /></g><g class=\"plot tooltip-overlay\" transform=\"translate(159, 46)\"><g class=\"tooltip\" style=\"opacity: 0\" transform=\"translate(0 0)\"><rect class=\"tooltip-box\" height=\"0\" rx=\"0\" ry=\"0\" width=\"0\" /><g class=\"text\" /></g></g><g class=\"legends\" transform=\"translate(10, 56)\"><g class=\"legend reactive activate-serie\" id=\"activate-serie-0\"><rect class=\"color-0 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"1.0\" /><text x=\"17.0\" y=\"11.2\">High Quality</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-1\"><rect class=\"color-1 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"22.0\" /><text x=\"17.0\" y=\"32.2\">Medium Quality</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-2\"><rect class=\"color-2 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"43.0\" /><text x=\"17.0\" y=\"53.2\">Low Quality</text></g></g><g class=\"legends\" transform=\"translate(630, 56)\" /></g></svg>"
      ],
      "text/plain": [
       "<pygal.graph.pie.Pie at 0x7fb1b48cda10>"
      ]
     },
     "execution_count": 16,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "pie_chart.add('High Quality', num_high_quality)\n",
    "pie_chart.add('Medium Quality', num_med_quality)\n",
    "pie_chart.add('Low Quality', num_low_quality)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# This plot is not interactive "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "metadata": {},
   "outputs": [],
   "source": [
    "from IPython.display import display, HTML\n",
    "\n",
    "html_skeleton = \"\"\"\n",
    "<!DOCTYPE html>\n",
    "<html>\n",
    "  <head>\n",
    "  <script type=\"text/javascript\" \n",
    "          src=\"http://kozea.github.com/pygal.js/javascripts/svg.jquery.js\">\n",
    "  </script>\n",
    "  <script type=\"text/javascript\" \n",
    "          src=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"\">\n",
    "  </script>\n",
    "  </head>\n",
    "  <body>\n",
    "    <figure>\n",
    "      {rendered_chart}\n",
    "    </figure>\n",
    "  </body>\n",
    "</html>\n",
    "\"\"\"\n",
    "\n",
    "def display_chart(chart):\n",
    "    rendered_chart = chart.render(is_unicode=True)\n",
    "    plot_html = html_skeleton.format(rendered_chart=rendered_chart)\n",
    "    display(HTML(plot_html))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 19,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<!DOCTYPE html>\n",
       "<html>\n",
       "  <head>\n",
       "  <script type=\"text/javascript\" \n",
       "          src=\"http://kozea.github.com/pygal.js/javascripts/svg.jquery.js\">\n",
       "  </script>\n",
       "  <script type=\"text/javascript\" \n",
       "          src=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"\">\n",
       "  </script>\n",
       "  </head>\n",
       "  <body>\n",
       "    <figure>\n",
       "      <?xml version='1.0' encoding='utf-8'?>\n",
       "<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"pygal-chart\" height=\"360\" id=\"chart-40864da9-a4c3-4e54-9157-65a72317f4ea\" viewBox=\"0 0 640 360\" width=\"640\" xmlns=\"http://www.w3.org/2000/svg\"><!--Generated with pygal 2.4.0 (etree) ©Kozea 2012-2016 on 2020-05-03--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type=\"text/css\">#chart-40864da9-a4c3-4e54-9157-65a72317f4ea{-webkit-user-select:none;-webkit-font-smoothing:antialiased;font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .title{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .legends .legend text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis text.major{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .text-overlay text.value{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .text-overlay text.label{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea text.no_data{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:64px}\n",
       "#chart-40864da9-a4c3-4e54-9157-65a72317f4ea{background-color:black}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea path,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea rect,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea circle{-webkit-transition:250ms;-moz-transition:250ms;transition:250ms}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .graph &gt; .background{fill:black}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .plot &gt; .background{fill:#111}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .graph{fill:#999}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea text.no_data{fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .title{fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .legends .legend text{fill:#999}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .legends .legend:hover text{fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .line{stroke:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .guide.line{stroke:#555}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .major.line{stroke:#999}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis text.major{fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y .guides:hover .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .line-graph .axis.x .guides:hover .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .stackedline-graph .axis.x .guides:hover .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .xy-graph .axis.x .guides:hover .guide.line{stroke:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .guides:hover text{fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .reactive{fill-opacity:.8;stroke-opacity:.8}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .ci{stroke:#999}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .reactive.active,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .active .reactive{fill-opacity:.4;stroke-opacity:.9;stroke-width:4}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .ci .reactive.active{stroke-width:1.5}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .series text{fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip rect{fill:#111;stroke:#eee;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;transition:opacity 250ms}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip .label{fill:#999}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip .label{fill:#999}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip .legend{font-size:.8em;fill:#555}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip .x_label{font-size:.6em;fill:#eee}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip .xlink{font-size:.5em;text-decoration:underline}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip .value{font-size:1.5em}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .bound{font-size:.5em}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .max-value{font-size:.75em;fill:#555}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .map-element{fill:#111;stroke:#555 !important}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .map-element .reactive{fill-opacity:inherit;stroke-opacity:inherit}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .color-0,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .color-0 a:visited{stroke:#ff5995;fill:#ff5995}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .color-1,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .color-1 a:visited{stroke:#b6e354;fill:#b6e354}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .color-2,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .color-2 a:visited{stroke:#feed6c;fill:#feed6c}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .text-overlay .color-0 text{fill:black}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .text-overlay .color-1 text{fill:black}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .text-overlay .color-2 text{fill:black}\n",
       "#chart-40864da9-a4c3-4e54-9157-65a72317f4ea text.no_data{text-anchor:middle}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .guide.line{fill:none}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .centered{text-anchor:middle}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .title{text-anchor:middle}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .legends .legend text{fill-opacity:1}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.x text{text-anchor:middle}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.x:not(.web) text[transform]{text-anchor:start}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.x:not(.web) text[transform].backwards{text-anchor:end}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y text{text-anchor:end}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y text[transform].backwards{text-anchor:start}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y2 text{text-anchor:start}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y2 text[transform].backwards{text-anchor:end}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .guide.line{stroke-dasharray:4,4}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .major.guide.line{stroke-dasharray:6,6}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .horizontal .axis.y .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .horizontal .axis.y2 .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .vertical .axis.x .guide.line{opacity:0}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .horizontal .axis.always_show .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y .guides:hover .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.y2 .guides:hover .guide.line,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis.x .guides:hover .guide.line{opacity:1}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .axis .guides:hover text{opacity:1}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .nofill{fill:none}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .subtle-fill{fill-opacity:.2}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .dot{stroke-width:1px;fill-opacity:1}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .dot.active{stroke-width:5px}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .dot.negative{fill:transparent}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea text,#chart-40864da9-a4c3-4e54-9157-65a72317f4ea tspan{stroke:none !important}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .series text.active{opacity:1}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip rect{fill-opacity:.95;stroke-width:.5}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .tooltip text{fill-opacity:1}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .showable{visibility:hidden}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .showable.shown{visibility:visible}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .gauge-background{fill:rgba(229,229,229,1);stroke:none}#chart-40864da9-a4c3-4e54-9157-65a72317f4ea .bg-lines{stroke:black;stroke-width:2px}</style><script type=\"text/javascript\">window.pygal = window.pygal || {};window.pygal.config = window.pygal.config || {};window.pygal.config['40864da9-a4c3-4e54-9157-65a72317f4ea'] = {\"allow_interruptions\": false, \"box_mode\": \"extremes\", \"classes\": [\"pygal-chart\"], \"css\": [\"file://style.css\", \"file://graph.css\"], \"defs\": [], \"disable_xml_declaration\": false, \"dots_size\": 2.5, \"dynamic_print_values\": false, \"explicit_size\": true, \"fill\": false, \"force_uri_protocol\": \"https\", \"formatter\": null, \"half_pie\": false, \"height\": 360, \"include_x_axis\": false, \"inner_radius\": 0, \"interpolate\": null, \"interpolation_parameters\": {}, \"interpolation_precision\": 250, \"inverse_y_axis\": false, \"js\": [\"//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"], \"legend_at_bottom\": false, \"legend_at_bottom_columns\": null, \"legend_box_size\": 12, \"logarithmic\": false, \"margin\": 20, \"margin_bottom\": null, \"margin_left\": null, \"margin_right\": null, \"margin_top\": null, \"max_scale\": 16, \"min_scale\": 4, \"missing_value_fill_truncation\": \"x\", \"no_data_text\": \"No data\", \"no_prefix\": false, \"order_min\": null, \"pretty_print\": false, \"print_labels\": false, \"print_values\": false, \"print_values_position\": \"center\", \"print_zeroes\": true, \"range\": null, \"rounded_bars\": null, \"secondary_range\": null, \"show_dots\": true, \"show_legend\": true, \"show_minor_x_labels\": true, \"show_minor_y_labels\": true, \"show_only_major_dots\": false, \"show_x_guides\": false, \"show_x_labels\": true, \"show_y_guides\": true, \"show_y_labels\": true, \"spacing\": 10, \"stack_from_top\": false, \"strict\": false, \"stroke\": true, \"stroke_style\": null, \"style\": {\"background\": \"black\", \"ci_colors\": [], \"colors\": [\"#ff5995\", \"#b6e354\", \"#feed6c\", \"#8cedff\", \"#9e6ffe\", \"#899ca1\", \"#f8f8f2\", \"#bf4646\", \"#516083\", \"#f92672\", \"#82b414\", \"#fd971f\", \"#56c2d6\", \"#808384\", \"#8c54fe\", \"#465457\"], \"font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"foreground\": \"#999\", \"foreground_strong\": \"#eee\", \"foreground_subtle\": \"#555\", \"guide_stroke_dasharray\": \"4,4\", \"label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"label_font_size\": 10, \"legend_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"legend_font_size\": 14, \"major_guide_stroke_dasharray\": \"6,6\", \"major_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"major_label_font_size\": 10, \"no_data_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"no_data_font_size\": 64, \"opacity\": \".8\", \"opacity_hover\": \".4\", \"plot_background\": \"#111\", \"stroke_opacity\": \".8\", \"stroke_opacity_hover\": \".9\", \"title_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"title_font_size\": 16, \"tooltip_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"tooltip_font_size\": 14, \"transition\": \"250ms\", \"value_background\": \"rgba(229, 229, 229, 1)\", \"value_colors\": [], \"value_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_font_size\": 16, \"value_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_label_font_size\": 10}, \"title\": \"Wines by Quality\", \"tooltip_border_radius\": 0, \"tooltip_fancy_mode\": true, \"truncate_label\": null, \"truncate_legend\": null, \"width\": 640, \"x_label_rotation\": 0, \"x_labels\": null, \"x_labels_major\": null, \"x_labels_major_count\": null, \"x_labels_major_every\": null, \"x_title\": null, \"xrange\": null, \"y_label_rotation\": 0, \"y_labels\": null, \"y_labels_major\": null, \"y_labels_major_count\": null, \"y_labels_major_every\": null, \"y_title\": null, \"zero\": 0, \"legends\": [\"High Quality\", \"Medium Quality\", \"Low Quality\"]}</script><script type=\"text/javascript\" xlink:href=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\" /></defs><title>Wines by Quality</title><g class=\"graph pie-graph vertical\"><rect class=\"background\" height=\"360\" width=\"640\" x=\"0\" y=\"0\" /><g class=\"plot\" transform=\"translate(159, 46)\"><rect class=\"background\" height=\"294\" width=\"460.4\" x=\"0\" y=\"0\" /><g class=\"series serie-0 color-0\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M230.200000 14.700000 A132.300000 132.300000 0 0 1 329.828912 59.951910 L230.200000 147.000000 A0.000000 0.000000 0 0 0 230.200000 147.000000 z\" /><desc class=\"value\">217</desc><desc class=\"x centered\">257.55604987559275</desc><desc class=\"y centered\">86.77152637494386</desc></g></g></g><g class=\"series serie-1 color-1\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M329.828912 59.951910 A132.300000 132.300000 0 1 1 197.781953 18.733246 L230.200000 147.000000 A0.000000 0.000000 0 1 0 230.200000 147.000000 z\" /><desc class=\"value\">1319</desc><desc class=\"x centered\">210.48915494217687</desc><desc class=\"y centered\">210.14511134764504</desc></g></g></g><g class=\"series serie-2 color-2\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M197.781953 18.733246 A132.300000 132.300000 0 0 1 230.200000 14.700000 L230.200000 147.000000 A0.000000 0.000000 0 0 0 230.200000 147.000000 z\" /><desc class=\"value\">63</desc><desc class=\"x centered\">222.03300523456736</desc><desc class=\"y centered\">81.35609170302703</desc></g></g></g></g><g class=\"titles\"><text class=\"title plot_title\" x=\"320.0\" y=\"26\">Wines by Quality</text></g><g class=\"plot overlay\" transform=\"translate(159, 46)\"><g class=\"series serie-0 color-0\" /><g class=\"series serie-1 color-1\" /><g class=\"series serie-2 color-2\" /></g><g class=\"plot text-overlay\" transform=\"translate(159, 46)\"><g class=\"series serie-0 color-0\" /><g class=\"series serie-1 color-1\" /><g class=\"series serie-2 color-2\" /></g><g class=\"plot tooltip-overlay\" transform=\"translate(159, 46)\"><g class=\"tooltip\" style=\"opacity: 0\" transform=\"translate(0 0)\"><rect class=\"tooltip-box\" height=\"0\" rx=\"0\" ry=\"0\" width=\"0\" /><g class=\"text\" /></g></g><g class=\"legends\" transform=\"translate(10, 56)\"><g class=\"legend reactive activate-serie\" id=\"activate-serie-0\"><rect class=\"color-0 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"1.0\" /><text x=\"17.0\" y=\"11.2\">High Quality</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-1\"><rect class=\"color-1 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"22.0\" /><text x=\"17.0\" y=\"32.2\">Medium Quality</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-2\"><rect class=\"color-2 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"43.0\" /><text x=\"17.0\" y=\"53.2\">Low Quality</text></g></g><g class=\"legends\" transform=\"translate(630, 56)\" /></g></svg>\n",
       "    </figure>\n",
       "  </body>\n",
       "</html>\n"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "display_chart(pie_chart)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 20,
   "metadata": {},
   "outputs": [],
   "source": [
    "pie_chart = pygal.Pie(width = 640,\n",
    "                      height = 360,\n",
    "                      explicit_size = True,\n",
    "                      style = DarkStyle,\n",
    "                      inner_radius = .5)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 21,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<!DOCTYPE html>\n",
       "<html>\n",
       "  <head>\n",
       "  <script type=\"text/javascript\" \n",
       "          src=\"http://kozea.github.com/pygal.js/javascripts/svg.jquery.js\">\n",
       "  </script>\n",
       "  <script type=\"text/javascript\" \n",
       "          src=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"\">\n",
       "  </script>\n",
       "  </head>\n",
       "  <body>\n",
       "    <figure>\n",
       "      <?xml version='1.0' encoding='utf-8'?>\n",
       "<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"pygal-chart\" height=\"360\" id=\"chart-40e3d203-8267-4b91-b809-ffee4e695cfc\" viewBox=\"0 0 640 360\" width=\"640\" xmlns=\"http://www.w3.org/2000/svg\"><!--Generated with pygal 2.4.0 (etree) ©Kozea 2012-2016 on 2020-05-03--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type=\"text/css\">#chart-40e3d203-8267-4b91-b809-ffee4e695cfc{-webkit-user-select:none;-webkit-font-smoothing:antialiased;font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .title{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .legends .legend text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis text.major{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .text-overlay text.value{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .text-overlay text.label{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .tooltip{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc text.no_data{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:64px}\n",
       "#chart-40e3d203-8267-4b91-b809-ffee4e695cfc{background-color:black}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc path,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc line,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc rect,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc circle{-webkit-transition:250ms;-moz-transition:250ms;transition:250ms}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .graph &gt; .background{fill:black}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .plot &gt; .background{fill:#111}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .graph{fill:#999}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc text.no_data{fill:#eee}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .title{fill:#eee}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .legends .legend text{fill:#999}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .legends .legend:hover text{fill:#eee}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis .line{stroke:#eee}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis .guide.line{stroke:#555}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis .major.line{stroke:#999}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis text.major{fill:#eee}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis.y .guides:hover .guide.line,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .line-graph .axis.x .guides:hover .guide.line,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .stackedline-graph .axis.x .guides:hover .guide.line,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .xy-graph .axis.x .guides:hover .guide.line{stroke:#eee}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis .guides:hover text{fill:#eee}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .reactive{fill-opacity:.8;stroke-opacity:.8}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .ci{stroke:#999}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .reactive.active,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .active .reactive{fill-opacity:.4;stroke-opacity:.9;stroke-width:4}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .ci .reactive.active{stroke-width:1.5}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .series text{fill:#eee}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .tooltip rect{fill:#111;stroke:#eee;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;transition:opacity 250ms}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .tooltip .label{fill:#999}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .tooltip .label{fill:#999}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .tooltip .legend{font-size:.8em;fill:#555}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .tooltip .x_label{font-size:.6em;fill:#eee}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .tooltip .xlink{font-size:.5em;text-decoration:underline}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .tooltip .value{font-size:1.5em}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .bound{font-size:.5em}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .max-value{font-size:.75em;fill:#555}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .map-element{fill:#111;stroke:#555 !important}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .map-element .reactive{fill-opacity:inherit;stroke-opacity:inherit}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .color-0,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .color-0 a:visited{stroke:#ff5995;fill:#ff5995}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .color-1,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .color-1 a:visited{stroke:#b6e354;fill:#b6e354}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .color-2,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .color-2 a:visited{stroke:#feed6c;fill:#feed6c}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .text-overlay .color-0 text{fill:black}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .text-overlay .color-1 text{fill:black}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .text-overlay .color-2 text{fill:black}\n",
       "#chart-40e3d203-8267-4b91-b809-ffee4e695cfc text.no_data{text-anchor:middle}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .guide.line{fill:none}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .centered{text-anchor:middle}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .title{text-anchor:middle}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .legends .legend text{fill-opacity:1}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis.x text{text-anchor:middle}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis.x:not(.web) text[transform]{text-anchor:start}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis.x:not(.web) text[transform].backwards{text-anchor:end}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis.y text{text-anchor:end}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis.y text[transform].backwards{text-anchor:start}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis.y2 text{text-anchor:start}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis.y2 text[transform].backwards{text-anchor:end}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis .guide.line{stroke-dasharray:4,4}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis .major.guide.line{stroke-dasharray:6,6}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .horizontal .axis.y .guide.line,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .horizontal .axis.y2 .guide.line,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .vertical .axis.x .guide.line{opacity:0}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .horizontal .axis.always_show .guide.line,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis.y .guides:hover .guide.line,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis.y2 .guides:hover .guide.line,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis.x .guides:hover .guide.line{opacity:1}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .axis .guides:hover text{opacity:1}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .nofill{fill:none}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .subtle-fill{fill-opacity:.2}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .dot{stroke-width:1px;fill-opacity:1}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .dot.active{stroke-width:5px}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .dot.negative{fill:transparent}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc text,#chart-40e3d203-8267-4b91-b809-ffee4e695cfc tspan{stroke:none !important}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .series text.active{opacity:1}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .tooltip rect{fill-opacity:.95;stroke-width:.5}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .tooltip text{fill-opacity:1}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .showable{visibility:hidden}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .showable.shown{visibility:visible}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .gauge-background{fill:rgba(229,229,229,1);stroke:none}#chart-40e3d203-8267-4b91-b809-ffee4e695cfc .bg-lines{stroke:black;stroke-width:2px}</style><script type=\"text/javascript\">window.pygal = window.pygal || {};window.pygal.config = window.pygal.config || {};window.pygal.config['40e3d203-8267-4b91-b809-ffee4e695cfc'] = {\"allow_interruptions\": false, \"box_mode\": \"extremes\", \"classes\": [\"pygal-chart\"], \"css\": [\"file://style.css\", \"file://graph.css\"], \"defs\": [], \"disable_xml_declaration\": false, \"dots_size\": 2.5, \"dynamic_print_values\": false, \"explicit_size\": true, \"fill\": false, \"force_uri_protocol\": \"https\", \"formatter\": null, \"half_pie\": false, \"height\": 360, \"include_x_axis\": false, \"inner_radius\": 0.5, \"interpolate\": null, \"interpolation_parameters\": {}, \"interpolation_precision\": 250, \"inverse_y_axis\": false, \"js\": [\"//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"], \"legend_at_bottom\": false, \"legend_at_bottom_columns\": null, \"legend_box_size\": 12, \"logarithmic\": false, \"margin\": 20, \"margin_bottom\": null, \"margin_left\": null, \"margin_right\": null, \"margin_top\": null, \"max_scale\": 16, \"min_scale\": 4, \"missing_value_fill_truncation\": \"x\", \"no_data_text\": \"No data\", \"no_prefix\": false, \"order_min\": null, \"pretty_print\": false, \"print_labels\": false, \"print_values\": false, \"print_values_position\": \"center\", \"print_zeroes\": true, \"range\": null, \"rounded_bars\": null, \"secondary_range\": null, \"show_dots\": true, \"show_legend\": true, \"show_minor_x_labels\": true, \"show_minor_y_labels\": true, \"show_only_major_dots\": false, \"show_x_guides\": false, \"show_x_labels\": true, \"show_y_guides\": true, \"show_y_labels\": true, \"spacing\": 10, \"stack_from_top\": false, \"strict\": false, \"stroke\": true, \"stroke_style\": null, \"style\": {\"background\": \"black\", \"ci_colors\": [], \"colors\": [\"#ff5995\", \"#b6e354\", \"#feed6c\", \"#8cedff\", \"#9e6ffe\", \"#899ca1\", \"#f8f8f2\", \"#bf4646\", \"#516083\", \"#f92672\", \"#82b414\", \"#fd971f\", \"#56c2d6\", \"#808384\", \"#8c54fe\", \"#465457\"], \"font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"foreground\": \"#999\", \"foreground_strong\": \"#eee\", \"foreground_subtle\": \"#555\", \"guide_stroke_dasharray\": \"4,4\", \"label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"label_font_size\": 10, \"legend_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"legend_font_size\": 14, \"major_guide_stroke_dasharray\": \"6,6\", \"major_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"major_label_font_size\": 10, \"no_data_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"no_data_font_size\": 64, \"opacity\": \".8\", \"opacity_hover\": \".4\", \"plot_background\": \"#111\", \"stroke_opacity\": \".8\", \"stroke_opacity_hover\": \".9\", \"title_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"title_font_size\": 16, \"tooltip_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"tooltip_font_size\": 14, \"transition\": \"250ms\", \"value_background\": \"rgba(229, 229, 229, 1)\", \"value_colors\": [], \"value_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_font_size\": 16, \"value_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_label_font_size\": 10}, \"title\": \"Wines by Quality\", \"tooltip_border_radius\": 0, \"tooltip_fancy_mode\": true, \"truncate_label\": null, \"truncate_legend\": null, \"width\": 640, \"x_label_rotation\": 0, \"x_labels\": null, \"x_labels_major\": null, \"x_labels_major_count\": null, \"x_labels_major_every\": null, \"x_title\": null, \"xrange\": null, \"y_label_rotation\": 0, \"y_labels\": null, \"y_labels_major\": null, \"y_labels_major_count\": null, \"y_labels_major_every\": null, \"y_title\": null, \"zero\": 0, \"legends\": [\"High Quality\", \"Medium Quality\", \"Low Quality\"]}</script><script type=\"text/javascript\" xlink:href=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\" /></defs><title>Wines by Quality</title><g class=\"graph pie-graph vertical\"><rect class=\"background\" height=\"360\" width=\"640\" x=\"0\" y=\"0\" /><g class=\"plot\" transform=\"translate(159, 46)\"><rect class=\"background\" height=\"294\" width=\"460.4\" x=\"0\" y=\"0\" /><g class=\"series serie-0 color-0\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M230.200000 14.700000 A132.300000 132.300000 0 0 1 329.828912 59.951910 L285.549395 98.639950 A73.500000 73.500000 0 0 0 230.200000 73.500000 z\" /><desc class=\"value\">217</desc><desc class=\"x centered\">272.75385536203316</desc><desc class=\"y centered\">53.311263249912685</desc></g></g></g><g class=\"series serie-1 color-1\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M329.828912 59.951910 A132.300000 132.300000 0 1 1 197.781953 18.733246 L212.189974 75.740692 A73.500000 73.500000 0 1 0 285.549395 98.639950 z\" /><desc class=\"value\">1319</desc><desc class=\"x centered\">199.53868546560844</desc><desc class=\"y centered\">245.2257287630034</desc></g></g></g><g class=\"series serie-2 color-2\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M197.781953 18.733246 A132.300000 132.300000 0 0 1 230.200000 14.700000 L230.200000 73.500000 A73.500000 73.500000 0 0 0 212.189974 75.740692 z\" /><desc class=\"value\">63</desc><desc class=\"x centered\">217.49578592043812</desc><desc class=\"y centered\">44.88725376026427</desc></g></g></g></g><g class=\"titles\"><text class=\"title plot_title\" x=\"320.0\" y=\"26\">Wines by Quality</text></g><g class=\"plot overlay\" transform=\"translate(159, 46)\"><g class=\"series serie-0 color-0\" /><g class=\"series serie-1 color-1\" /><g class=\"series serie-2 color-2\" /></g><g class=\"plot text-overlay\" transform=\"translate(159, 46)\"><g class=\"series serie-0 color-0\" /><g class=\"series serie-1 color-1\" /><g class=\"series serie-2 color-2\" /></g><g class=\"plot tooltip-overlay\" transform=\"translate(159, 46)\"><g class=\"tooltip\" style=\"opacity: 0\" transform=\"translate(0 0)\"><rect class=\"tooltip-box\" height=\"0\" rx=\"0\" ry=\"0\" width=\"0\" /><g class=\"text\" /></g></g><g class=\"legends\" transform=\"translate(10, 56)\"><g class=\"legend reactive activate-serie\" id=\"activate-serie-0\"><rect class=\"color-0 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"1.0\" /><text x=\"17.0\" y=\"11.2\">High Quality</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-1\"><rect class=\"color-1 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"22.0\" /><text x=\"17.0\" y=\"32.2\">Medium Quality</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-2\"><rect class=\"color-2 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"43.0\" /><text x=\"17.0\" y=\"53.2\">Low Quality</text></g></g><g class=\"legends\" transform=\"translate(630, 56)\" /></g></svg>\n",
       "    </figure>\n",
       "  </body>\n",
       "</html>\n"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "pie_chart.title = 'Wines by Quality'\n",
    "\n",
    "pie_chart.add('High Quality', num_high_quality)\n",
    "pie_chart.add('Medium Quality', num_med_quality)\n",
    "pie_chart.add('Low Quality', num_low_quality)\n",
    "\n",
    "display_chart(pie_chart)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 22,
   "metadata": {},
   "outputs": [],
   "source": [
    "pie_chart = pygal.Pie(width = 640,\n",
    "                      height = 360,\n",
    "                      explicit_size = True,\n",
    "                      style = DarkStyle,\n",
    "                      half_pie = True)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 23,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<!DOCTYPE html>\n",
       "<html>\n",
       "  <head>\n",
       "  <script type=\"text/javascript\" \n",
       "          src=\"http://kozea.github.com/pygal.js/javascripts/svg.jquery.js\">\n",
       "  </script>\n",
       "  <script type=\"text/javascript\" \n",
       "          src=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"\">\n",
       "  </script>\n",
       "  </head>\n",
       "  <body>\n",
       "    <figure>\n",
       "      <?xml version='1.0' encoding='utf-8'?>\n",
       "<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"pygal-chart\" height=\"360\" id=\"chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66\" viewBox=\"0 0 640 360\" width=\"640\" xmlns=\"http://www.w3.org/2000/svg\"><!--Generated with pygal 2.4.0 (etree) ©Kozea 2012-2016 on 2020-05-03--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type=\"text/css\">#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66{-webkit-user-select:none;-webkit-font-smoothing:antialiased;font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .title{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .legends .legend text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis text.major{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .text-overlay text.value{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .text-overlay text.label{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .tooltip{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 text.no_data{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:64px}\n",
       "#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66{background-color:black}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 path,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 line,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 rect,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 circle{-webkit-transition:250ms;-moz-transition:250ms;transition:250ms}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .graph &gt; .background{fill:black}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .plot &gt; .background{fill:#111}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .graph{fill:#999}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 text.no_data{fill:#eee}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .title{fill:#eee}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .legends .legend text{fill:#999}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .legends .legend:hover text{fill:#eee}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis .line{stroke:#eee}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis .guide.line{stroke:#555}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis .major.line{stroke:#999}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis text.major{fill:#eee}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis.y .guides:hover .guide.line,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .line-graph .axis.x .guides:hover .guide.line,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .stackedline-graph .axis.x .guides:hover .guide.line,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .xy-graph .axis.x .guides:hover .guide.line{stroke:#eee}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis .guides:hover text{fill:#eee}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .reactive{fill-opacity:.8;stroke-opacity:.8}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .ci{stroke:#999}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .reactive.active,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .active .reactive{fill-opacity:.4;stroke-opacity:.9;stroke-width:4}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .ci .reactive.active{stroke-width:1.5}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .series text{fill:#eee}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .tooltip rect{fill:#111;stroke:#eee;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;transition:opacity 250ms}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .tooltip .label{fill:#999}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .tooltip .label{fill:#999}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .tooltip .legend{font-size:.8em;fill:#555}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .tooltip .x_label{font-size:.6em;fill:#eee}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .tooltip .xlink{font-size:.5em;text-decoration:underline}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .tooltip .value{font-size:1.5em}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .bound{font-size:.5em}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .max-value{font-size:.75em;fill:#555}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .map-element{fill:#111;stroke:#555 !important}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .map-element .reactive{fill-opacity:inherit;stroke-opacity:inherit}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .color-0,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .color-0 a:visited{stroke:#ff5995;fill:#ff5995}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .color-1,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .color-1 a:visited{stroke:#b6e354;fill:#b6e354}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .color-2,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .color-2 a:visited{stroke:#feed6c;fill:#feed6c}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .text-overlay .color-0 text{fill:black}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .text-overlay .color-1 text{fill:black}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .text-overlay .color-2 text{fill:black}\n",
       "#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 text.no_data{text-anchor:middle}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .guide.line{fill:none}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .centered{text-anchor:middle}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .title{text-anchor:middle}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .legends .legend text{fill-opacity:1}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis.x text{text-anchor:middle}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis.x:not(.web) text[transform]{text-anchor:start}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis.x:not(.web) text[transform].backwards{text-anchor:end}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis.y text{text-anchor:end}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis.y text[transform].backwards{text-anchor:start}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis.y2 text{text-anchor:start}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis.y2 text[transform].backwards{text-anchor:end}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis .guide.line{stroke-dasharray:4,4}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis .major.guide.line{stroke-dasharray:6,6}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .horizontal .axis.y .guide.line,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .horizontal .axis.y2 .guide.line,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .vertical .axis.x .guide.line{opacity:0}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .horizontal .axis.always_show .guide.line,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis.y .guides:hover .guide.line,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis.y2 .guides:hover .guide.line,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis.x .guides:hover .guide.line{opacity:1}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .axis .guides:hover text{opacity:1}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .nofill{fill:none}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .subtle-fill{fill-opacity:.2}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .dot{stroke-width:1px;fill-opacity:1}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .dot.active{stroke-width:5px}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .dot.negative{fill:transparent}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 text,#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 tspan{stroke:none !important}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .series text.active{opacity:1}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .tooltip rect{fill-opacity:.95;stroke-width:.5}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .tooltip text{fill-opacity:1}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .showable{visibility:hidden}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .showable.shown{visibility:visible}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .gauge-background{fill:rgba(229,229,229,1);stroke:none}#chart-4699ea74-3c64-4e3f-bbfb-9d411ff0bb66 .bg-lines{stroke:black;stroke-width:2px}</style><script type=\"text/javascript\">window.pygal = window.pygal || {};window.pygal.config = window.pygal.config || {};window.pygal.config['4699ea74-3c64-4e3f-bbfb-9d411ff0bb66'] = {\"allow_interruptions\": false, \"box_mode\": \"extremes\", \"classes\": [\"pygal-chart\"], \"css\": [\"file://style.css\", \"file://graph.css\"], \"defs\": [], \"disable_xml_declaration\": false, \"dots_size\": 2.5, \"dynamic_print_values\": false, \"explicit_size\": true, \"fill\": false, \"force_uri_protocol\": \"https\", \"formatter\": null, \"half_pie\": true, \"height\": 360, \"include_x_axis\": false, \"inner_radius\": 0, \"interpolate\": null, \"interpolation_parameters\": {}, \"interpolation_precision\": 250, \"inverse_y_axis\": false, \"js\": [\"//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"], \"legend_at_bottom\": false, \"legend_at_bottom_columns\": null, \"legend_box_size\": 12, \"logarithmic\": false, \"margin\": 20, \"margin_bottom\": null, \"margin_left\": null, \"margin_right\": null, \"margin_top\": null, \"max_scale\": 16, \"min_scale\": 4, \"missing_value_fill_truncation\": \"x\", \"no_data_text\": \"No data\", \"no_prefix\": false, \"order_min\": null, \"pretty_print\": false, \"print_labels\": false, \"print_values\": false, \"print_values_position\": \"center\", \"print_zeroes\": true, \"range\": null, \"rounded_bars\": null, \"secondary_range\": null, \"show_dots\": true, \"show_legend\": true, \"show_minor_x_labels\": true, \"show_minor_y_labels\": true, \"show_only_major_dots\": false, \"show_x_guides\": false, \"show_x_labels\": true, \"show_y_guides\": true, \"show_y_labels\": true, \"spacing\": 10, \"stack_from_top\": false, \"strict\": false, \"stroke\": true, \"stroke_style\": null, \"style\": {\"background\": \"black\", \"ci_colors\": [], \"colors\": [\"#ff5995\", \"#b6e354\", \"#feed6c\", \"#8cedff\", \"#9e6ffe\", \"#899ca1\", \"#f8f8f2\", \"#bf4646\", \"#516083\", \"#f92672\", \"#82b414\", \"#fd971f\", \"#56c2d6\", \"#808384\", \"#8c54fe\", \"#465457\"], \"font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"foreground\": \"#999\", \"foreground_strong\": \"#eee\", \"foreground_subtle\": \"#555\", \"guide_stroke_dasharray\": \"4,4\", \"label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"label_font_size\": 10, \"legend_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"legend_font_size\": 14, \"major_guide_stroke_dasharray\": \"6,6\", \"major_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"major_label_font_size\": 10, \"no_data_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"no_data_font_size\": 64, \"opacity\": \".8\", \"opacity_hover\": \".4\", \"plot_background\": \"#111\", \"stroke_opacity\": \".8\", \"stroke_opacity_hover\": \".9\", \"title_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"title_font_size\": 16, \"tooltip_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"tooltip_font_size\": 14, \"transition\": \"250ms\", \"value_background\": \"rgba(229, 229, 229, 1)\", \"value_colors\": [], \"value_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_font_size\": 16, \"value_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_label_font_size\": 10}, \"title\": \"Wines by Quality\", \"tooltip_border_radius\": 0, \"tooltip_fancy_mode\": true, \"truncate_label\": null, \"truncate_legend\": null, \"width\": 640, \"x_label_rotation\": 0, \"x_labels\": null, \"x_labels_major\": null, \"x_labels_major_count\": null, \"x_labels_major_every\": null, \"x_title\": null, \"xrange\": null, \"y_label_rotation\": 0, \"y_labels\": null, \"y_labels_major\": null, \"y_labels_major_count\": null, \"y_labels_major_every\": null, \"y_title\": null, \"zero\": 0, \"legends\": [\"High Quality\", \"Medium Quality\", \"Low Quality\"]}</script><script type=\"text/javascript\" xlink:href=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\" /></defs><title>Wines by Quality</title><g class=\"graph pie-graph vertical\"><rect class=\"background\" height=\"360\" width=\"640\" x=\"0\" y=\"0\" /><g class=\"plot\" transform=\"translate(159, 46)\"><rect class=\"background\" height=\"294\" width=\"460.4\" x=\"0\" y=\"0\" /><g class=\"series serie-0 color-0\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M23.020000 235.200000 A207.180000 207.180000 0 0 1 41.566059 149.521596 L230.200000 235.200000 A0.000000 0.000000 0 0 0 230.200000 235.200000 z\" /><desc class=\"value\">217</desc><desc class=\"x centered\">128.95479505324164</desc><desc class=\"y centered\">213.28433037096747</desc></g></g></g><g class=\"series serie-1 color-1\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M41.566059 149.521596 A207.180000 207.180000 0 0 1 435.794935 209.621195 L230.200000 235.200000 A0.000000 0.000000 0 0 0 230.200000 235.200000 z\" /><desc class=\"value\">1319</desc><desc class=\"x centered\">245.81176850353182</desc><desc class=\"y centered\">132.7931604618513</desc></g></g></g><g class=\"series serie-2 color-2\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M435.794935 209.621195 A207.180000 207.180000 0 0 1 437.380000 235.200000 L230.200000 235.200000 A0.000000 0.000000 0 0 0 230.200000 235.200000 z\" /><desc class=\"value\">63</desc><desc class=\"x centered\">333.59167697497827</desc><desc class=\"y centered\">228.79303251906578</desc></g></g></g></g><g class=\"titles\"><text class=\"title plot_title\" x=\"320.0\" y=\"26\">Wines by Quality</text></g><g class=\"plot overlay\" transform=\"translate(159, 46)\"><g class=\"series serie-0 color-0\" /><g class=\"series serie-1 color-1\" /><g class=\"series serie-2 color-2\" /></g><g class=\"plot text-overlay\" transform=\"translate(159, 46)\"><g class=\"series serie-0 color-0\" /><g class=\"series serie-1 color-1\" /><g class=\"series serie-2 color-2\" /></g><g class=\"plot tooltip-overlay\" transform=\"translate(159, 46)\"><g class=\"tooltip\" style=\"opacity: 0\" transform=\"translate(0 0)\"><rect class=\"tooltip-box\" height=\"0\" rx=\"0\" ry=\"0\" width=\"0\" /><g class=\"text\" /></g></g><g class=\"legends\" transform=\"translate(10, 56)\"><g class=\"legend reactive activate-serie\" id=\"activate-serie-0\"><rect class=\"color-0 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"1.0\" /><text x=\"17.0\" y=\"11.2\">High Quality</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-1\"><rect class=\"color-1 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"22.0\" /><text x=\"17.0\" y=\"32.2\">Medium Quality</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-2\"><rect class=\"color-2 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"43.0\" /><text x=\"17.0\" y=\"53.2\">Low Quality</text></g></g><g class=\"legends\" transform=\"translate(630, 56)\" /></g></svg>\n",
       "    </figure>\n",
       "  </body>\n",
       "</html>\n"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "pie_chart.title = 'Wines by Quality'\n",
    "\n",
    "pie_chart.add('High Quality', num_high_quality)\n",
    "pie_chart.add('Medium Quality', num_med_quality)\n",
    "pie_chart.add('Low Quality', num_low_quality)\n",
    "\n",
    "display_chart(pie_chart)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 24,
   "metadata": {},
   "outputs": [],
   "source": [
    "pie_chart = pygal.Pie(width = 640,\n",
    "                      height = 360,\n",
    "                      explicit_size = True,\n",
    "                      style = DarkStyle)\n",
    "\n",
    "pie_chart.title = 'Wines by Quality'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 25,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<!DOCTYPE html>\n",
       "<html>\n",
       "  <head>\n",
       "  <script type=\"text/javascript\" \n",
       "          src=\"http://kozea.github.com/pygal.js/javascripts/svg.jquery.js\">\n",
       "  </script>\n",
       "  <script type=\"text/javascript\" \n",
       "          src=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"\">\n",
       "  </script>\n",
       "  </head>\n",
       "  <body>\n",
       "    <figure>\n",
       "      <?xml version='1.0' encoding='utf-8'?>\n",
       "<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"pygal-chart\" height=\"360\" id=\"chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846\" viewBox=\"0 0 640 360\" width=\"640\" xmlns=\"http://www.w3.org/2000/svg\"><!--Generated with pygal 2.4.0 (etree) ©Kozea 2012-2016 on 2020-05-03--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type=\"text/css\">#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846{-webkit-user-select:none;-webkit-font-smoothing:antialiased;font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .title{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .legends .legend text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis text.major{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .text-overlay text.value{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .text-overlay text.label{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .tooltip{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 text.no_data{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:64px}\n",
       "#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846{background-color:black}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 path,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 line,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 rect,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 circle{-webkit-transition:250ms;-moz-transition:250ms;transition:250ms}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .graph &gt; .background{fill:black}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .plot &gt; .background{fill:#111}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .graph{fill:#999}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 text.no_data{fill:#eee}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .title{fill:#eee}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .legends .legend text{fill:#999}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .legends .legend:hover text{fill:#eee}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis .line{stroke:#eee}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis .guide.line{stroke:#555}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis .major.line{stroke:#999}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis text.major{fill:#eee}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis.y .guides:hover .guide.line,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .line-graph .axis.x .guides:hover .guide.line,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .stackedline-graph .axis.x .guides:hover .guide.line,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .xy-graph .axis.x .guides:hover .guide.line{stroke:#eee}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis .guides:hover text{fill:#eee}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .reactive{fill-opacity:.8;stroke-opacity:.8}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .ci{stroke:#999}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .reactive.active,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .active .reactive{fill-opacity:.4;stroke-opacity:.9;stroke-width:4}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .ci .reactive.active{stroke-width:1.5}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .series text{fill:#eee}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .tooltip rect{fill:#111;stroke:#eee;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;transition:opacity 250ms}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .tooltip .label{fill:#999}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .tooltip .label{fill:#999}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .tooltip .legend{font-size:.8em;fill:#555}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .tooltip .x_label{font-size:.6em;fill:#eee}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .tooltip .xlink{font-size:.5em;text-decoration:underline}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .tooltip .value{font-size:1.5em}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .bound{font-size:.5em}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .max-value{font-size:.75em;fill:#555}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .map-element{fill:#111;stroke:#555 !important}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .map-element .reactive{fill-opacity:inherit;stroke-opacity:inherit}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .color-0,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .color-0 a:visited{stroke:#ff5995;fill:#ff5995}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .color-1,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .color-1 a:visited{stroke:#b6e354;fill:#b6e354}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .color-2,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .color-2 a:visited{stroke:#feed6c;fill:#feed6c}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .text-overlay .color-0 text{fill:black}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .text-overlay .color-1 text{fill:black}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .text-overlay .color-2 text{fill:black}\n",
       "#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 text.no_data{text-anchor:middle}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .guide.line{fill:none}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .centered{text-anchor:middle}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .title{text-anchor:middle}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .legends .legend text{fill-opacity:1}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis.x text{text-anchor:middle}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis.x:not(.web) text[transform]{text-anchor:start}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis.x:not(.web) text[transform].backwards{text-anchor:end}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis.y text{text-anchor:end}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis.y text[transform].backwards{text-anchor:start}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis.y2 text{text-anchor:start}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis.y2 text[transform].backwards{text-anchor:end}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis .guide.line{stroke-dasharray:4,4}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis .major.guide.line{stroke-dasharray:6,6}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .horizontal .axis.y .guide.line,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .horizontal .axis.y2 .guide.line,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .vertical .axis.x .guide.line{opacity:0}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .horizontal .axis.always_show .guide.line,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis.y .guides:hover .guide.line,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis.y2 .guides:hover .guide.line,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis.x .guides:hover .guide.line{opacity:1}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .axis .guides:hover text{opacity:1}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .nofill{fill:none}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .subtle-fill{fill-opacity:.2}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .dot{stroke-width:1px;fill-opacity:1}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .dot.active{stroke-width:5px}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .dot.negative{fill:transparent}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 text,#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 tspan{stroke:none !important}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .series text.active{opacity:1}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .tooltip rect{fill-opacity:.95;stroke-width:.5}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .tooltip text{fill-opacity:1}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .showable{visibility:hidden}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .showable.shown{visibility:visible}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .gauge-background{fill:rgba(229,229,229,1);stroke:none}#chart-b6d6b5f4-e997-4209-b6a9-90c9b2301846 .bg-lines{stroke:black;stroke-width:2px}</style><script type=\"text/javascript\">window.pygal = window.pygal || {};window.pygal.config = window.pygal.config || {};window.pygal.config['b6d6b5f4-e997-4209-b6a9-90c9b2301846'] = {\"allow_interruptions\": false, \"box_mode\": \"extremes\", \"classes\": [\"pygal-chart\"], \"css\": [\"file://style.css\", \"file://graph.css\"], \"defs\": [], \"disable_xml_declaration\": false, \"dots_size\": 2.5, \"dynamic_print_values\": false, \"explicit_size\": true, \"fill\": false, \"force_uri_protocol\": \"https\", \"formatter\": null, \"half_pie\": false, \"height\": 360, \"include_x_axis\": false, \"inner_radius\": 0, \"interpolate\": null, \"interpolation_parameters\": {}, \"interpolation_precision\": 250, \"inverse_y_axis\": false, \"js\": [\"//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"], \"legend_at_bottom\": false, \"legend_at_bottom_columns\": null, \"legend_box_size\": 12, \"logarithmic\": false, \"margin\": 20, \"margin_bottom\": null, \"margin_left\": null, \"margin_right\": null, \"margin_top\": null, \"max_scale\": 16, \"min_scale\": 4, \"missing_value_fill_truncation\": \"x\", \"no_data_text\": \"No data\", \"no_prefix\": false, \"order_min\": null, \"pretty_print\": false, \"print_labels\": false, \"print_values\": false, \"print_values_position\": \"center\", \"print_zeroes\": true, \"range\": null, \"rounded_bars\": null, \"secondary_range\": null, \"show_dots\": true, \"show_legend\": true, \"show_minor_x_labels\": true, \"show_minor_y_labels\": true, \"show_only_major_dots\": false, \"show_x_guides\": false, \"show_x_labels\": true, \"show_y_guides\": true, \"show_y_labels\": true, \"spacing\": 10, \"stack_from_top\": false, \"strict\": false, \"stroke\": true, \"stroke_style\": null, \"style\": {\"background\": \"black\", \"ci_colors\": [], \"colors\": [\"#ff5995\", \"#b6e354\", \"#feed6c\", \"#8cedff\", \"#9e6ffe\", \"#899ca1\", \"#f8f8f2\", \"#bf4646\", \"#516083\", \"#f92672\", \"#82b414\", \"#fd971f\", \"#56c2d6\", \"#808384\", \"#8c54fe\", \"#465457\"], \"font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"foreground\": \"#999\", \"foreground_strong\": \"#eee\", \"foreground_subtle\": \"#555\", \"guide_stroke_dasharray\": \"4,4\", \"label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"label_font_size\": 10, \"legend_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"legend_font_size\": 14, \"major_guide_stroke_dasharray\": \"6,6\", \"major_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"major_label_font_size\": 10, \"no_data_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"no_data_font_size\": 64, \"opacity\": \".8\", \"opacity_hover\": \".4\", \"plot_background\": \"#111\", \"stroke_opacity\": \".8\", \"stroke_opacity_hover\": \".9\", \"title_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"title_font_size\": 16, \"tooltip_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"tooltip_font_size\": 14, \"transition\": \"250ms\", \"value_background\": \"rgba(229, 229, 229, 1)\", \"value_colors\": [], \"value_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_font_size\": 16, \"value_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_label_font_size\": 10}, \"title\": \"Wines by Quality\", \"tooltip_border_radius\": 0, \"tooltip_fancy_mode\": true, \"truncate_label\": null, \"truncate_legend\": null, \"width\": 640, \"x_label_rotation\": 0, \"x_labels\": null, \"x_labels_major\": null, \"x_labels_major_count\": null, \"x_labels_major_every\": null, \"x_title\": null, \"xrange\": null, \"y_label_rotation\": 0, \"y_labels\": null, \"y_labels_major\": null, \"y_labels_major_count\": null, \"y_labels_major_every\": null, \"y_title\": null, \"zero\": 0, \"legends\": [\"Low Quality\", \"Medium Quality\", \"High Quality\"]}</script><script type=\"text/javascript\" xlink:href=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\" /></defs><title>Wines by Quality</title><g class=\"graph pie-graph vertical\"><rect class=\"background\" height=\"360\" width=\"640\" x=\"0\" y=\"0\" /><g class=\"plot\" transform=\"translate(159, 46)\"><rect class=\"background\" height=\"294\" width=\"460.4\" x=\"0\" y=\"0\" /><g class=\"series serie-0 color-0\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M230.200000 0.000000 A147.000000 147.000000 0 0 1 235.974800 0.113473 L235.397320 14.802126 A132.300000 132.300000 0 0 0 230.200000 14.700000 z\" /><desc class=\"value\">10</desc><desc class=\"x centered\">232.94355965647736</desc><desc class=\"y centered\">7.376952545751408</desc></g><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M235.974800 0.113473 A147.000000 147.000000 0 0 1 266.220052 4.481384 L262.618047 18.733246 A132.300000 132.300000 0 0 0 235.397320 14.802126 z\" /><desc class=\"value\">53</desc><desc class=\"x centered\">250.16067537701696</desc><desc class=\"y centered\">8.783886834807305</desc></g><g class=\"big_slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M230.200000 14.700000 A132.300000 132.300000 0 0 1 262.618047 18.733246 L230.200000 147.000000 A0.000000 0.000000 0 0 0 230.200000 147.000000 z\" /><desc class=\"value\">63</desc><desc class=\"x centered\">238.3669947654326</desc><desc class=\"y centered\">81.35609170302703</desc></g></g></g><g class=\"series serie-1 color-1\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M266.220052 4.481384 A147.000000 147.000000 0 0 1 262.004874 290.518117 L258.824387 276.166305 A132.300000 132.300000 0 0 0 262.618047 18.733246 z\" /><desc class=\"value\">681</desc><desc class=\"x centered\">369.8348389796479</desc><desc class=\"y centered\">149.05772766123602</desc></g><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M262.004874 290.518117 A147.000000 147.000000 0 0 1 119.501209 50.279900 L130.571088 59.951910 A132.300000 132.300000 0 0 0 258.824387 276.166305 z\" /><desc class=\"value\">638</desc><desc class=\"x centered\">110.09105729454869</desc><desc class=\"y centered\">218.2458025583165</desc></g><g class=\"big_slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M262.618047 18.733246 A132.300000 132.300000 0 1 1 130.571088 59.951910 L230.200000 147.000000 A0.000000 0.000000 0 1 0 230.200000 147.000000 z\" /><desc class=\"value\">1319</desc><desc class=\"x centered\">249.91084505782314</desc><desc class=\"y centered\">210.14511134764504</desc></g></g></g><g class=\"series serie-2 color-2\"><g class=\"slices\"><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M119.501209 50.279900 A147.000000 147.000000 0 0 1 219.811351 0.367548 L220.850216 15.030793 A132.300000 132.300000 0 0 0 130.571088 59.951910 z\" /><desc class=\"value\">199</desc><desc class=\"x centered\">167.98876021210174</desc><desc class=\"y centered\">21.97246645617365</desc></g><g class=\"slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M219.811351 0.367548 A147.000000 147.000000 0 0 1 230.200000 0.000000 L230.200000 14.700000 A132.300000 132.300000 0 0 0 220.850216 15.030793 z\" /><desc class=\"value\">18</desc><desc class=\"x centered\">225.26230428873438</desc><desc class=\"y centered\">7.437319956003449</desc></g><g class=\"big_slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M130.571088 59.951910 A132.300000 132.300000 0 0 1 230.200000 14.700000 L230.200000 147.000000 A0.000000 0.000000 0 0 0 230.200000 147.000000 z\" /><desc class=\"value\">217</desc><desc class=\"x centered\">202.84395012440723</desc><desc class=\"y centered\">86.77152637494387</desc></g></g></g></g><g class=\"titles\"><text class=\"title plot_title\" x=\"320.0\" y=\"26\">Wines by Quality</text></g><g class=\"plot overlay\" transform=\"translate(159, 46)\"><g class=\"series serie-0 color-0\" /><g class=\"series serie-1 color-1\" /><g class=\"series serie-2 color-2\" /></g><g class=\"plot text-overlay\" transform=\"translate(159, 46)\"><g class=\"series serie-0 color-0\" /><g class=\"series serie-1 color-1\" /><g class=\"series serie-2 color-2\" /></g><g class=\"plot tooltip-overlay\" transform=\"translate(159, 46)\"><g class=\"tooltip\" style=\"opacity: 0\" transform=\"translate(0 0)\"><rect class=\"tooltip-box\" height=\"0\" rx=\"0\" ry=\"0\" width=\"0\" /><g class=\"text\" /></g></g><g class=\"legends\" transform=\"translate(10, 56)\"><g class=\"legend reactive activate-serie\" id=\"activate-serie-0\"><rect class=\"color-0 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"1.0\" /><text x=\"17.0\" y=\"11.2\">Low Quality</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-1\"><rect class=\"color-1 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"22.0\" /><text x=\"17.0\" y=\"32.2\">Medium Quality</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-2\"><rect class=\"color-2 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"43.0\" /><text x=\"17.0\" y=\"53.2\">High Quality</text></g></g><g class=\"legends\" transform=\"translate(630, 56)\" /></g></svg>\n",
       "    </figure>\n",
       "  </body>\n",
       "</html>\n"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "pie_chart.add('Low Quality', \n",
    "              [counts_df[3], counts_df[4]])\n",
    "\n",
    "pie_chart.add('Medium Quality', \n",
    "              [counts_df[5], counts_df[6]])\n",
    "\n",
    "pie_chart.add('High Quality', \n",
    "              [counts_df[7], counts_df[8]])\n",
    "\n",
    "display_chart(pie_chart)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 26,
   "metadata": {},
   "outputs": [],
   "source": [
    "pie_chart = pygal.Pie(width = 640,\n",
    "                      height = 360,\n",
    "                      explicit_size = True,\n",
    "                      style = DarkStyle)\n",
    "\n",
    "pie_chart.title = 'Wines by Quality'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 27,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<!DOCTYPE html>\n",
       "<html>\n",
       "  <head>\n",
       "  <script type=\"text/javascript\" \n",
       "          src=\"http://kozea.github.com/pygal.js/javascripts/svg.jquery.js\">\n",
       "  </script>\n",
       "  <script type=\"text/javascript\" \n",
       "          src=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"\">\n",
       "  </script>\n",
       "  </head>\n",
       "  <body>\n",
       "    <figure>\n",
       "      <?xml version='1.0' encoding='utf-8'?>\n",
       "<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"pygal-chart\" height=\"360\" id=\"chart-72afa0c0-9748-4691-9a13-c8b862ce7194\" viewBox=\"0 0 640 360\" width=\"640\" xmlns=\"http://www.w3.org/2000/svg\"><!--Generated with pygal 2.4.0 (etree) ©Kozea 2012-2016 on 2020-05-03--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type=\"text/css\">#chart-72afa0c0-9748-4691-9a13-c8b862ce7194{-webkit-user-select:none;-webkit-font-smoothing:antialiased;font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .title{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .legends .legend text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis text{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis text.major{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .text-overlay text.value{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:16px}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .text-overlay text.label{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:10px}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .tooltip{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:14px}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 text.no_data{font-family:Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:64px}\n",
       "#chart-72afa0c0-9748-4691-9a13-c8b862ce7194{background-color:black}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 path,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 line,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 rect,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 circle{-webkit-transition:250ms;-moz-transition:250ms;transition:250ms}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .graph &gt; .background{fill:black}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .plot &gt; .background{fill:#111}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .graph{fill:#999}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 text.no_data{fill:#eee}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .title{fill:#eee}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .legends .legend text{fill:#999}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .legends .legend:hover text{fill:#eee}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis .line{stroke:#eee}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis .guide.line{stroke:#555}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis .major.line{stroke:#999}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis text.major{fill:#eee}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis.y .guides:hover .guide.line,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .line-graph .axis.x .guides:hover .guide.line,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .stackedline-graph .axis.x .guides:hover .guide.line,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .xy-graph .axis.x .guides:hover .guide.line{stroke:#eee}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis .guides:hover text{fill:#eee}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .reactive{fill-opacity:.8;stroke-opacity:.8}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .ci{stroke:#999}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .reactive.active,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .active .reactive{fill-opacity:.4;stroke-opacity:.9;stroke-width:4}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .ci .reactive.active{stroke-width:1.5}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .series text{fill:#eee}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .tooltip rect{fill:#111;stroke:#eee;-webkit-transition:opacity 250ms;-moz-transition:opacity 250ms;transition:opacity 250ms}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .tooltip .label{fill:#999}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .tooltip .label{fill:#999}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .tooltip .legend{font-size:.8em;fill:#555}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .tooltip .x_label{font-size:.6em;fill:#eee}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .tooltip .xlink{font-size:.5em;text-decoration:underline}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .tooltip .value{font-size:1.5em}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .bound{font-size:.5em}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .max-value{font-size:.75em;fill:#555}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .map-element{fill:#111;stroke:#555 !important}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .map-element .reactive{fill-opacity:inherit;stroke-opacity:inherit}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .color-0,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .color-0 a:visited{stroke:#ff5995;fill:#ff5995}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .color-1,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .color-1 a:visited{stroke:#b6e354;fill:#b6e354}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .color-2,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .color-2 a:visited{stroke:#feed6c;fill:#feed6c}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .text-overlay .color-0 text{fill:black}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .text-overlay .color-1 text{fill:black}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .text-overlay .color-2 text{fill:black}\n",
       "#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 text.no_data{text-anchor:middle}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .guide.line{fill:none}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .centered{text-anchor:middle}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .title{text-anchor:middle}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .legends .legend text{fill-opacity:1}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis.x text{text-anchor:middle}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis.x:not(.web) text[transform]{text-anchor:start}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis.x:not(.web) text[transform].backwards{text-anchor:end}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis.y text{text-anchor:end}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis.y text[transform].backwards{text-anchor:start}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis.y2 text{text-anchor:start}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis.y2 text[transform].backwards{text-anchor:end}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis .guide.line{stroke-dasharray:4,4}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis .major.guide.line{stroke-dasharray:6,6}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .horizontal .axis.y .guide.line,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .horizontal .axis.y2 .guide.line,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .vertical .axis.x .guide.line{opacity:0}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .horizontal .axis.always_show .guide.line,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis.y .guides:hover .guide.line,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis.y2 .guides:hover .guide.line,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis.x .guides:hover .guide.line{opacity:1}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .axis .guides:hover text{opacity:1}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .nofill{fill:none}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .subtle-fill{fill-opacity:.2}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .dot{stroke-width:1px;fill-opacity:1}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .dot.active{stroke-width:5px}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .dot.negative{fill:transparent}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 text,#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 tspan{stroke:none !important}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .series text.active{opacity:1}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .tooltip rect{fill-opacity:.95;stroke-width:.5}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .tooltip text{fill-opacity:1}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .showable{visibility:hidden}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .showable.shown{visibility:visible}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .gauge-background{fill:rgba(229,229,229,1);stroke:none}#chart-72afa0c0-9748-4691-9a13-c8b862ce7194 .bg-lines{stroke:black;stroke-width:2px}</style><script type=\"text/javascript\">window.pygal = window.pygal || {};window.pygal.config = window.pygal.config || {};window.pygal.config['72afa0c0-9748-4691-9a13-c8b862ce7194'] = {\"allow_interruptions\": false, \"box_mode\": \"extremes\", \"classes\": [\"pygal-chart\"], \"css\": [\"file://style.css\", \"file://graph.css\"], \"defs\": [], \"disable_xml_declaration\": false, \"dots_size\": 2.5, \"dynamic_print_values\": false, \"explicit_size\": true, \"fill\": false, \"force_uri_protocol\": \"https\", \"formatter\": null, \"half_pie\": false, \"height\": 360, \"include_x_axis\": false, \"inner_radius\": 0, \"interpolate\": null, \"interpolation_parameters\": {}, \"interpolation_precision\": 250, \"inverse_y_axis\": false, \"js\": [\"//kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\"], \"legend_at_bottom\": false, \"legend_at_bottom_columns\": null, \"legend_box_size\": 12, \"logarithmic\": false, \"margin\": 20, \"margin_bottom\": null, \"margin_left\": null, \"margin_right\": null, \"margin_top\": null, \"max_scale\": 16, \"min_scale\": 4, \"missing_value_fill_truncation\": \"x\", \"no_data_text\": \"No data\", \"no_prefix\": false, \"order_min\": null, \"pretty_print\": false, \"print_labels\": false, \"print_values\": false, \"print_values_position\": \"center\", \"print_zeroes\": true, \"range\": null, \"rounded_bars\": null, \"secondary_range\": null, \"show_dots\": true, \"show_legend\": true, \"show_minor_x_labels\": true, \"show_minor_y_labels\": true, \"show_only_major_dots\": false, \"show_x_guides\": false, \"show_x_labels\": true, \"show_y_guides\": true, \"show_y_labels\": true, \"spacing\": 10, \"stack_from_top\": false, \"strict\": false, \"stroke\": true, \"stroke_style\": null, \"style\": {\"background\": \"black\", \"ci_colors\": [], \"colors\": [\"#ff5995\", \"#b6e354\", \"#feed6c\", \"#8cedff\", \"#9e6ffe\", \"#899ca1\", \"#f8f8f2\", \"#bf4646\", \"#516083\", \"#f92672\", \"#82b414\", \"#fd971f\", \"#56c2d6\", \"#808384\", \"#8c54fe\", \"#465457\"], \"font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"foreground\": \"#999\", \"foreground_strong\": \"#eee\", \"foreground_subtle\": \"#555\", \"guide_stroke_dasharray\": \"4,4\", \"label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"label_font_size\": 10, \"legend_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"legend_font_size\": 14, \"major_guide_stroke_dasharray\": \"6,6\", \"major_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"major_label_font_size\": 10, \"no_data_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"no_data_font_size\": 64, \"opacity\": \".8\", \"opacity_hover\": \".4\", \"plot_background\": \"#111\", \"stroke_opacity\": \".8\", \"stroke_opacity_hover\": \".9\", \"title_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"title_font_size\": 16, \"tooltip_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"tooltip_font_size\": 14, \"transition\": \"250ms\", \"value_background\": \"rgba(229, 229, 229, 1)\", \"value_colors\": [], \"value_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_font_size\": 16, \"value_label_font_family\": \"Consolas, \\\"Liberation Mono\\\", Menlo, Courier, monospace\", \"value_label_font_size\": 10}, \"title\": \"Wines by Quality\", \"tooltip_border_radius\": 0, \"tooltip_fancy_mode\": true, \"truncate_label\": null, \"truncate_legend\": null, \"width\": 640, \"x_label_rotation\": 0, \"x_labels\": null, \"x_labels_major\": null, \"x_labels_major_count\": null, \"x_labels_major_every\": null, \"x_title\": null, \"xrange\": null, \"y_label_rotation\": 0, \"y_labels\": null, \"y_labels_major\": null, \"y_labels_major_count\": null, \"y_labels_major_every\": null, \"y_title\": null, \"zero\": 0, \"legends\": [\"Low Quality\", \"Medium Quality\", \"High Quality\"]}</script><script type=\"text/javascript\" xlink:href=\"https://kozea.github.io/pygal.js/2.0.x/pygal-tooltips.min.js\" /></defs><title>Wines by Quality</title><g class=\"graph pie-graph vertical\"><rect class=\"background\" height=\"360\" width=\"640\" x=\"0\" y=\"0\" /><g class=\"plot\" transform=\"translate(159, 46)\"><rect class=\"background\" height=\"294\" width=\"460.4\" x=\"0\" y=\"0\" /><g class=\"series serie-0 color-0\"><g class=\"slices\"><g class=\"slice\"><desc class=\"label\">3</desc><path class=\"slice reactive tooltip-trigger\" d=\"M230.200000 0.000000 A147.000000 147.000000 0 0 1 235.974800 0.113473 L235.397320 14.802126 A132.300000 132.300000 0 0 0 230.200000 14.700000 z\" /><desc class=\"value\">10</desc><desc class=\"x centered\">232.94355965647736</desc><desc class=\"y centered\">7.376952545751408</desc></g><g class=\"slice\"><desc class=\"label\">4</desc><path class=\"slice reactive tooltip-trigger\" d=\"M235.974800 0.113473 A147.000000 147.000000 0 0 1 266.220052 4.481384 L262.618047 18.733246 A132.300000 132.300000 0 0 0 235.397320 14.802126 z\" /><desc class=\"value\">53</desc><desc class=\"x centered\">250.16067537701696</desc><desc class=\"y centered\">8.783886834807305</desc></g><g class=\"big_slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M230.200000 14.700000 A132.300000 132.300000 0 0 1 262.618047 18.733246 L230.200000 147.000000 A0.000000 0.000000 0 0 0 230.200000 147.000000 z\" /><desc class=\"value\">63</desc><desc class=\"x centered\">238.3669947654326</desc><desc class=\"y centered\">81.35609170302703</desc></g></g></g><g class=\"series serie-1 color-1\"><g class=\"slices\"><g class=\"slice\"><desc class=\"label\">5</desc><path class=\"slice reactive tooltip-trigger\" d=\"M266.220052 4.481384 A147.000000 147.000000 0 0 1 262.004874 290.518117 L258.824387 276.166305 A132.300000 132.300000 0 0 0 262.618047 18.733246 z\" /><desc class=\"value\">681</desc><desc class=\"x centered\">369.8348389796479</desc><desc class=\"y centered\">149.05772766123602</desc></g><g class=\"slice\"><desc class=\"label\">6</desc><path class=\"slice reactive tooltip-trigger\" d=\"M262.004874 290.518117 A147.000000 147.000000 0 0 1 119.501209 50.279900 L130.571088 59.951910 A132.300000 132.300000 0 0 0 258.824387 276.166305 z\" /><desc class=\"value\">638</desc><desc class=\"x centered\">110.09105729454869</desc><desc class=\"y centered\">218.2458025583165</desc></g><g class=\"big_slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M262.618047 18.733246 A132.300000 132.300000 0 1 1 130.571088 59.951910 L230.200000 147.000000 A0.000000 0.000000 0 1 0 230.200000 147.000000 z\" /><desc class=\"value\">1319</desc><desc class=\"x centered\">249.91084505782314</desc><desc class=\"y centered\">210.14511134764504</desc></g></g></g><g class=\"series serie-2 color-2\"><g class=\"slices\"><g class=\"slice\"><desc class=\"label\">7</desc><path class=\"slice reactive tooltip-trigger\" d=\"M119.501209 50.279900 A147.000000 147.000000 0 0 1 219.811351 0.367548 L220.850216 15.030793 A132.300000 132.300000 0 0 0 130.571088 59.951910 z\" /><desc class=\"value\">199</desc><desc class=\"x centered\">167.98876021210174</desc><desc class=\"y centered\">21.97246645617365</desc></g><g class=\"slice\"><desc class=\"label\">8</desc><path class=\"slice reactive tooltip-trigger\" d=\"M219.811351 0.367548 A147.000000 147.000000 0 0 1 230.200000 0.000000 L230.200000 14.700000 A132.300000 132.300000 0 0 0 220.850216 15.030793 z\" /><desc class=\"value\">18</desc><desc class=\"x centered\">225.26230428873438</desc><desc class=\"y centered\">7.437319956003449</desc></g><g class=\"big_slice\"><path class=\"slice reactive tooltip-trigger\" d=\"M130.571088 59.951910 A132.300000 132.300000 0 0 1 230.200000 14.700000 L230.200000 147.000000 A0.000000 0.000000 0 0 0 230.200000 147.000000 z\" /><desc class=\"value\">217</desc><desc class=\"x centered\">202.84395012440723</desc><desc class=\"y centered\">86.77152637494387</desc></g></g></g></g><g class=\"titles\"><text class=\"title plot_title\" x=\"320.0\" y=\"26\">Wines by Quality</text></g><g class=\"plot overlay\" transform=\"translate(159, 46)\"><g class=\"series serie-0 color-0\" /><g class=\"series serie-1 color-1\" /><g class=\"series serie-2 color-2\" /></g><g class=\"plot text-overlay\" transform=\"translate(159, 46)\"><g class=\"series serie-0 color-0\" /><g class=\"series serie-1 color-1\" /><g class=\"series serie-2 color-2\" /></g><g class=\"plot tooltip-overlay\" transform=\"translate(159, 46)\"><g class=\"tooltip\" style=\"opacity: 0\" transform=\"translate(0 0)\"><rect class=\"tooltip-box\" height=\"0\" rx=\"0\" ry=\"0\" width=\"0\" /><g class=\"text\" /></g></g><g class=\"legends\" transform=\"translate(10, 56)\"><g class=\"legend reactive activate-serie\" id=\"activate-serie-0\"><rect class=\"color-0 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"1.0\" /><text x=\"17.0\" y=\"11.2\">Low Quality</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-1\"><rect class=\"color-1 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"22.0\" /><text x=\"17.0\" y=\"32.2\">Medium Quality</text></g><g class=\"legend reactive activate-serie\" id=\"activate-serie-2\"><rect class=\"color-2 reactive\" height=\"12\" width=\"12\" x=\"0.0\" y=\"43.0\" /><text x=\"17.0\" y=\"53.2\">High Quality</text></g></g><g class=\"legends\" transform=\"translate(630, 56)\" /></g></svg>\n",
       "    </figure>\n",
       "  </body>\n",
       "</html>\n"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "pie_chart.add('Low Quality', \n",
    "              [{'value': counts_df[3], 'label': '3'}, \n",
    "               {'value': counts_df[4], 'label': '4'}])\n",
    "\n",
    "pie_chart.add('Medium Quality', \n",
    "              [{'value': counts_df[5], 'label': '5'}, \n",
    "               {'value': counts_df[6], 'label': '6'}])\n",
    "\n",
    "pie_chart.add('High Quality', \n",
    "              [{'value': counts_df[7], 'label': '7'}, \n",
    "               {'value': counts_df[8], 'label': '8'}])\n",
    "\n",
    "display_chart(pie_chart)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.7.7"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}