{
 "cells": [
  {
   "cell_type": "markdown",
   "id": "2ac0e74d",
   "metadata": {},
   "source": [
    "# `\"boxplot_outlier\"` Statistics\n",
    "\n",
    "Computes outlier values on `\"box-plot\"` chart but can be used in alternative visualizations as well."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "id": "8ab5b1ed",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2024-04-26T12:05:52.906138Z",
     "iopub.status.busy": "2024-04-26T12:05:52.906138Z",
     "iopub.status.idle": "2024-04-26T12:05:53.913767Z",
     "shell.execute_reply": "2024-04-26T12:05:53.913767Z"
    }
   },
   "outputs": [],
   "source": [
    "import pandas as pd\n",
    "from lets_plot import *\n",
    "from lets_plot.mapping import as_discrete"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "id": "b0b9825c",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2024-04-26T12:05:53.913767Z",
     "iopub.status.busy": "2024-04-26T12:05:53.913767Z",
     "iopub.status.idle": "2024-04-26T12:05:53.929513Z",
     "shell.execute_reply": "2024-04-26T12:05:53.929513Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "            <div id=\"lLBLU8\"></div>\n",
       "            <script type=\"text/javascript\" data-lets-plot-script=\"library\">\n",
       "                if(!window.letsPlotCallQueue) {\n",
       "                    window.letsPlotCallQueue = [];\n",
       "                }; \n",
       "                window.letsPlotCall = function(f) {\n",
       "                    window.letsPlotCallQueue.push(f);\n",
       "                };\n",
       "                (function() {\n",
       "                    var script = document.createElement(\"script\");\n",
       "                    script.type = \"text/javascript\";\n",
       "                    script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.3.2/js-package/distr/lets-plot.min.js\";\n",
       "                    script.onload = function() {\n",
       "                        window.letsPlotCall = function(f) {f();};\n",
       "                        window.letsPlotCallQueue.forEach(function(f) {f();});\n",
       "                        window.letsPlotCallQueue = [];\n",
       "                        \n",
       "                    };\n",
       "                    script.onerror = function(event) {\n",
       "                        window.letsPlotCall = function(f) {};    // noop\n",
       "                        window.letsPlotCallQueue = [];\n",
       "                        var div = document.createElement(\"div\");\n",
       "                        div.style.color = 'darkred';\n",
       "                        div.textContent = 'Error loading Lets-Plot JS';\n",
       "                        document.getElementById(\"lLBLU8\").appendChild(div);\n",
       "                    };\n",
       "                    var e = document.getElementById(\"lLBLU8\");\n",
       "                    e.appendChild(script);\n",
       "                })()\n",
       "            </script>\n",
       "            "
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "LetsPlot.setup_html()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "id": "5e6d519e",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2024-04-26T12:05:53.929513Z",
     "iopub.status.busy": "2024-04-26T12:05:53.929513Z",
     "iopub.status.idle": "2024-04-26T12:05:54.071371Z",
     "shell.execute_reply": "2024-04-26T12:05:54.071371Z"
    }
   },
   "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>Unnamed: 0</th>\n",
       "      <th>manufacturer</th>\n",
       "      <th>model</th>\n",
       "      <th>displ</th>\n",
       "      <th>year</th>\n",
       "      <th>cyl</th>\n",
       "      <th>trans</th>\n",
       "      <th>drv</th>\n",
       "      <th>cty</th>\n",
       "      <th>hwy</th>\n",
       "      <th>fl</th>\n",
       "      <th>class</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>1</td>\n",
       "      <td>audi</td>\n",
       "      <td>a4</td>\n",
       "      <td>1.8</td>\n",
       "      <td>1999</td>\n",
       "      <td>4</td>\n",
       "      <td>auto(l5)</td>\n",
       "      <td>f</td>\n",
       "      <td>18</td>\n",
       "      <td>29</td>\n",
       "      <td>p</td>\n",
       "      <td>compact</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>2</td>\n",
       "      <td>audi</td>\n",
       "      <td>a4</td>\n",
       "      <td>1.8</td>\n",
       "      <td>1999</td>\n",
       "      <td>4</td>\n",
       "      <td>manual(m5)</td>\n",
       "      <td>f</td>\n",
       "      <td>21</td>\n",
       "      <td>29</td>\n",
       "      <td>p</td>\n",
       "      <td>compact</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>3</td>\n",
       "      <td>audi</td>\n",
       "      <td>a4</td>\n",
       "      <td>2.0</td>\n",
       "      <td>2008</td>\n",
       "      <td>4</td>\n",
       "      <td>manual(m6)</td>\n",
       "      <td>f</td>\n",
       "      <td>20</td>\n",
       "      <td>31</td>\n",
       "      <td>p</td>\n",
       "      <td>compact</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "   Unnamed: 0 manufacturer model  displ  year  cyl       trans drv  cty  hwy  \\\n",
       "0           1         audi    a4    1.8  1999    4    auto(l5)   f   18   29   \n",
       "1           2         audi    a4    1.8  1999    4  manual(m5)   f   21   29   \n",
       "2           3         audi    a4    2.0  2008    4  manual(m6)   f   20   31   \n",
       "\n",
       "  fl    class  \n",
       "0  p  compact  \n",
       "1  p  compact  \n",
       "2  p  compact  "
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "mpg = pd.read_csv('https://raw.githubusercontent.com/JetBrains/lets-plot-docs/master/data/mpg.csv')\n",
    "mpg.head(3)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "id": "34ba78e2-e63a-402b-95dc-4ee2b38c373c",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2024-04-26T12:05:54.071371Z",
     "iopub.status.busy": "2024-04-26T12:05:54.071371Z",
     "iopub.status.idle": "2024-04-26T12:05:54.087027Z",
     "shell.execute_reply": "2024-04-26T12:05:54.087027Z"
    }
   },
   "outputs": [],
   "source": [
    "p = (ggplot(mpg, aes(y='hwy')) \n",
    "     + scale_color_viridis(option=\"magma\", end=0.8) \n",
    "     + ggsize(700, 400))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "id": "f11eacef-aab2-4f35-a3b5-bdf0eddc4f8f",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2024-04-26T12:05:54.087027Z",
     "iopub.status.busy": "2024-04-26T12:05:54.087027Z",
     "iopub.status.idle": "2024-04-26T12:05:54.102619Z",
     "shell.execute_reply": "2024-04-26T12:05:54.102619Z"
    }
   },
   "outputs": [],
   "source": [
    "# Ordering by variable \"..middle..\" when using stat \"boxplot\" or \"boxplot_outlier\".\n",
    "class_by_middle=as_discrete('class', order_by='..middle..', order=1)\n",
    "\n",
    "# Equivalent ordering by variable \"..y..\" when using `stat_summary()`.\n",
    "class_by_y=as_discrete('class', order_by='..y..', order=1)\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "id": "70eb612b",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2024-04-26T12:05:54.102619Z",
     "iopub.status.busy": "2024-04-26T12:05:54.102619Z",
     "iopub.status.idle": "2024-04-26T12:05:54.227824Z",
     "shell.execute_reply": "2024-04-26T12:05:54.227824Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "   <div id=\"gwV7yN\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"plot\">\n",
       "       (function() {\n",
       "           var plotSpec={\n",
       "\"data\":{\n",
       "},\n",
       "\"mapping\":{\n",
       "\"y\":\"hwy\"\n",
       "},\n",
       "\"data_meta\":{\n",
       "},\n",
       "\"ggsize\":{\n",
       "\"width\":700.0,\n",
       "\"height\":400.0\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"color\",\n",
       "\"end\":0.8,\n",
       "\"option\":\"magma\",\n",
       "\"scale_mapper_kind\":\"color_cmap\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"geom\":\"boxplot\",\n",
       "\"mapping\":{\n",
       "\"x\":\"class\",\n",
       "\"color\":\"..middle..\"\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"mapping_annotations\":[{\n",
       "\"aes\":\"x\",\n",
       "\"annotation\":\"as_discrete\",\n",
       "\"parameters\":{\n",
       "\"label\":\"class\",\n",
       "\"order_by\":\"..middle..\",\n",
       "\"order\":1.0\n",
       "}\n",
       "}]\n",
       "},\n",
       "\"data\":{\n",
       "\"..middle..\":[27.0,27.0,17.5,25.0,23.0,17.0,26.0],\n",
       "\"..lower..\":[26.0,26.0,17.0,24.0,22.0,16.0,24.5],\n",
       "\"..upper..\":[29.0,29.0,19.0,26.0,24.0,18.0,30.5],\n",
       "\"..ymin..\":[23.0,23.0,14.0,23.0,21.0,15.0,20.0],\n",
       "\"..ymax..\":[33.0,32.0,22.0,26.0,24.0,20.0,36.0],\n",
       "\"class\":[\"compact\",\"midsize\",\"suv\",\"2seater\",\"minivan\",\"pickup\",\"subcompact\"]\n",
       "}\n",
       "},{\n",
       "\"geom\":\"point\",\n",
       "\"stat\":\"boxplot_outlier\",\n",
       "\"mapping\":{\n",
       "\"x\":\"class\",\n",
       "\"color\":\"..middle..\"\n",
       "},\n",
       "\"show_legend\":false,\n",
       "\"data_meta\":{\n",
       "\"mapping_annotations\":[{\n",
       "\"aes\":\"x\",\n",
       "\"annotation\":\"as_discrete\",\n",
       "\"parameters\":{\n",
       "\"label\":\"class\",\n",
       "\"order_by\":\"..middle..\",\n",
       "\"order\":1.0\n",
       "}\n",
       "}]\n",
       "},\n",
       "\"data\":{\n",
       "\"..middle..\":[27.0,27.0,27.0,27.0,27.0,17.5,17.5,17.5,17.5,17.5,17.5,17.5,17.5,25.0,23.0,17.0,17.0,17.0,17.0,26.0,26.0],\n",
       "\"..lower..\":[26.0,26.0,26.0,26.0,26.0,17.0,17.0,17.0,17.0,17.0,17.0,17.0,17.0,24.0,22.0,16.0,16.0,16.0,16.0,24.5,24.5],\n",
       "\"..upper..\":[29.0,29.0,29.0,29.0,29.0,19.0,19.0,19.0,19.0,19.0,19.0,19.0,19.0,26.0,24.0,18.0,18.0,18.0,18.0,30.5,30.5],\n",
       "\"..ymin..\":[23.0,23.0,23.0,23.0,23.0,14.0,14.0,14.0,14.0,14.0,14.0,14.0,14.0,23.0,21.0,15.0,15.0,15.0,15.0,20.0,20.0],\n",
       "\"..ymax..\":[33.0,33.0,33.0,33.0,32.0,22.0,22.0,22.0,22.0,22.0,22.0,22.0,22.0,26.0,24.0,20.0,20.0,20.0,20.0,36.0,36.0],\n",
       "\"class\":[\"compact\",\"compact\",\"compact\",\"compact\",\"midsize\",\"suv\",\"suv\",\"suv\",\"suv\",\"suv\",\"suv\",\"suv\",\"suv\",\"2seater\",\"minivan\",\"pickup\",\"pickup\",\"pickup\",\"pickup\",\"subcompact\",\"subcompact\"],\n",
       "\"hwy\":[35.0,37.0,35.0,44.0,NaN,12.0,12.0,25.0,24.0,27.0,25.0,26.0,23.0,NaN,17.0,12.0,12.0,12.0,22.0,44.0,41.0]\n",
       "}\n",
       "}],\n",
       "\"metainfo_list\":[]\n",
       "};\n",
       "           var plotContainer = document.getElementById(\"gwV7yN\");\n",
       "           window.letsPlotCall(function() {{\n",
       "               LetsPlot.buildPlotFromProcessedSpecs(plotSpec, -1, -1, plotContainer);\n",
       "           }});\n",
       "       })();\n",
       "   </script>"
      ],
      "text/plain": [
       "<lets_plot.plot.core.PlotSpec at 0x173b8247280>"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "p + geom_boxplot(aes(x=class_by_middle, color='..middle..'))"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "05971a56-2849-4992-9bd4-948957cc2ced",
   "metadata": {},
   "source": [
    "#### 1. Show Just Outliers\n",
    "\n",
    "Use `stat=\"boxplot_outlier\"`."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "id": "212344e4-3809-4529-8e61-c1ead73f6e1a",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2024-04-26T12:05:54.227824Z",
     "iopub.status.busy": "2024-04-26T12:05:54.227824Z",
     "iopub.status.idle": "2024-04-26T12:05:54.243548Z",
     "shell.execute_reply": "2024-04-26T12:05:54.243548Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "   <div id=\"48cpOk\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"plot\">\n",
       "       (function() {\n",
       "           var plotSpec={\n",
       "\"data\":{\n",
       "},\n",
       "\"mapping\":{\n",
       "\"y\":\"hwy\"\n",
       "},\n",
       "\"data_meta\":{\n",
       "},\n",
       "\"ggsize\":{\n",
       "\"width\":700.0,\n",
       "\"height\":400.0\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"color\",\n",
       "\"end\":0.8,\n",
       "\"option\":\"magma\",\n",
       "\"scale_mapper_kind\":\"color_cmap\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"geom\":\"point\",\n",
       "\"stat\":\"boxplot_outlier\",\n",
       "\"mapping\":{\n",
       "\"x\":\"class\",\n",
       "\"color\":\"..middle..\"\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"mapping_annotations\":[{\n",
       "\"aes\":\"x\",\n",
       "\"annotation\":\"as_discrete\",\n",
       "\"parameters\":{\n",
       "\"label\":\"class\",\n",
       "\"order_by\":\"..middle..\",\n",
       "\"order\":1.0\n",
       "}\n",
       "}]\n",
       "},\n",
       "\"data\":{\n",
       "\"..middle..\":[27.0,27.0,27.0,27.0,27.0,17.5,17.5,17.5,17.5,17.5,17.5,17.5,17.5,25.0,23.0,17.0,17.0,17.0,17.0,26.0,26.0],\n",
       "\"..lower..\":[26.0,26.0,26.0,26.0,26.0,17.0,17.0,17.0,17.0,17.0,17.0,17.0,17.0,24.0,22.0,16.0,16.0,16.0,16.0,24.5,24.5],\n",
       "\"..upper..\":[29.0,29.0,29.0,29.0,29.0,19.0,19.0,19.0,19.0,19.0,19.0,19.0,19.0,26.0,24.0,18.0,18.0,18.0,18.0,30.5,30.5],\n",
       "\"..ymin..\":[23.0,23.0,23.0,23.0,23.0,14.0,14.0,14.0,14.0,14.0,14.0,14.0,14.0,23.0,21.0,15.0,15.0,15.0,15.0,20.0,20.0],\n",
       "\"..ymax..\":[33.0,33.0,33.0,33.0,32.0,22.0,22.0,22.0,22.0,22.0,22.0,22.0,22.0,26.0,24.0,20.0,20.0,20.0,20.0,36.0,36.0],\n",
       "\"class\":[\"compact\",\"compact\",\"compact\",\"compact\",\"midsize\",\"suv\",\"suv\",\"suv\",\"suv\",\"suv\",\"suv\",\"suv\",\"suv\",\"2seater\",\"minivan\",\"pickup\",\"pickup\",\"pickup\",\"pickup\",\"subcompact\",\"subcompact\"],\n",
       "\"hwy\":[35.0,37.0,35.0,44.0,NaN,12.0,12.0,25.0,24.0,27.0,25.0,26.0,23.0,NaN,17.0,12.0,12.0,12.0,22.0,44.0,41.0]\n",
       "}\n",
       "}],\n",
       "\"metainfo_list\":[]\n",
       "};\n",
       "           var plotContainer = document.getElementById(\"48cpOk\");\n",
       "           window.letsPlotCall(function() {{\n",
       "               LetsPlot.buildPlotFromProcessedSpecs(plotSpec, -1, -1, plotContainer);\n",
       "           }});\n",
       "       })();\n",
       "   </script>"
      ],
      "text/plain": [
       "<lets_plot.plot.core.PlotSpec at 0x173b82479a0>"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "outliers = geom_point(aes(x=class_by_middle, color='..middle..'), stat=\"boxplot_outlier\")\n",
    "\n",
    "p + outliers"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "b8877904",
   "metadata": {},
   "source": [
    "#### 2. Add Ribbons and Mid-points"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "id": "2196bc20-ae2d-4392-a024-9a862318eee1",
   "metadata": {
    "execution": {
     "iopub.execute_input": "2024-04-26T12:05:54.243548Z",
     "iopub.status.busy": "2024-04-26T12:05:54.243548Z",
     "iopub.status.idle": "2024-04-26T12:05:54.275164Z",
     "shell.execute_reply": "2024-04-26T12:05:54.275164Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "   <div id=\"f7t4QE\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"plot\">\n",
       "       (function() {\n",
       "           var plotSpec={\n",
       "\"data\":{\n",
       "},\n",
       "\"mapping\":{\n",
       "\"y\":\"hwy\"\n",
       "},\n",
       "\"data_meta\":{\n",
       "},\n",
       "\"ggsize\":{\n",
       "\"width\":700.0,\n",
       "\"height\":400.0\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"color\",\n",
       "\"end\":0.8,\n",
       "\"option\":\"magma\",\n",
       "\"scale_mapper_kind\":\"color_cmap\"\n",
       "},{\n",
       "\"name\":\"Middle\",\n",
       "\"aesthetic\":\"color\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"geom\":\"ribbon\",\n",
       "\"stat\":\"boxplot\",\n",
       "\"mapping\":{\n",
       "\"x\":\"class\",\n",
       "\"ymin\":\"..ymin..\",\n",
       "\"ymax\":\"..ymax..\"\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"mapping_annotations\":[{\n",
       "\"aes\":\"x\",\n",
       "\"annotation\":\"as_discrete\",\n",
       "\"parameters\":{\n",
       "\"label\":\"class\",\n",
       "\"order_by\":\"..middle..\",\n",
       "\"order\":1.0\n",
       "}\n",
       "}]\n",
       "},\n",
       "\"data\":{\n",
       "\"..middle..\":[27.0,27.0,17.5,25.0,23.0,17.0,26.0],\n",
       "\"..lower..\":[26.0,26.0,17.0,24.0,22.0,16.0,24.5],\n",
       "\"..upper..\":[29.0,29.0,19.0,26.0,24.0,18.0,30.5],\n",
       "\"..ymin..\":[23.0,23.0,14.0,23.0,21.0,15.0,20.0],\n",
       "\"..ymax..\":[33.0,32.0,22.0,26.0,24.0,20.0,36.0],\n",
       "\"class\":[\"compact\",\"midsize\",\"suv\",\"2seater\",\"minivan\",\"pickup\",\"subcompact\"],\n",
       "\"hwy\":[23.440170940170947,23.440170940170947,23.440170940170947,23.440170940170947,23.440170940170947,23.440170940170947,23.440170940170947]\n",
       "}\n",
       "},{\n",
       "\"geom\":\"ribbon\",\n",
       "\"stat\":\"boxplot\",\n",
       "\"mapping\":{\n",
       "\"x\":\"class\",\n",
       "\"ymin\":\"..lower..\",\n",
       "\"ymax\":\"..upper..\"\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"mapping_annotations\":[{\n",
       "\"aes\":\"x\",\n",
       "\"annotation\":\"as_discrete\",\n",
       "\"parameters\":{\n",
       "\"label\":\"class\",\n",
       "\"order_by\":\"..middle..\",\n",
       "\"order\":1.0\n",
       "}\n",
       "}]\n",
       "},\n",
       "\"data\":{\n",
       "\"..middle..\":[27.0,27.0,17.5,25.0,23.0,17.0,26.0],\n",
       "\"..lower..\":[26.0,26.0,17.0,24.0,22.0,16.0,24.5],\n",
       "\"..upper..\":[29.0,29.0,19.0,26.0,24.0,18.0,30.5],\n",
       "\"class\":[\"compact\",\"midsize\",\"suv\",\"2seater\",\"minivan\",\"pickup\",\"subcompact\"],\n",
       "\"hwy\":[23.440170940170947,23.440170940170947,23.440170940170947,23.440170940170947,23.440170940170947,23.440170940170947,23.440170940170947]\n",
       "}\n",
       "},{\n",
       "\"geom\":\"point\",\n",
       "\"stat\":\"summary\",\n",
       "\"mapping\":{\n",
       "\"x\":\"class\",\n",
       "\"color\":\"..y..\"\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"mapping_annotations\":[{\n",
       "\"aes\":\"x\",\n",
       "\"annotation\":\"as_discrete\",\n",
       "\"parameters\":{\n",
       "\"label\":\"class\",\n",
       "\"order_by\":\"..y..\",\n",
       "\"order\":1.0\n",
       "}\n",
       "}]\n",
       "},\n",
       "\"fun\":\"mq\",\n",
       "\"shape\":15.0,\n",
       "\"size\":6.0,\n",
       "\"data\":{\n",
       "\"..y..\":[27.0,27.0,17.5,25.0,23.0,17.0,26.0],\n",
       "\"..ymin..\":[23.0,23.0,12.0,23.0,17.0,12.0,20.0],\n",
       "\"..ymax..\":[44.0,32.0,27.0,26.0,24.0,22.0,44.0],\n",
       "\"class\":[\"compact\",\"midsize\",\"suv\",\"2seater\",\"minivan\",\"pickup\",\"subcompact\"],\n",
       "\"hwy\":[27.0,27.0,17.5,25.0,23.0,17.0,26.0]\n",
       "}\n",
       "},{\n",
       "\"geom\":\"point\",\n",
       "\"stat\":\"boxplot_outlier\",\n",
       "\"mapping\":{\n",
       "\"x\":\"class\",\n",
       "\"color\":\"..middle..\"\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"mapping_annotations\":[{\n",
       "\"aes\":\"x\",\n",
       "\"annotation\":\"as_discrete\",\n",
       "\"parameters\":{\n",
       "\"label\":\"class\",\n",
       "\"order_by\":\"..middle..\",\n",
       "\"order\":1.0\n",
       "}\n",
       "}]\n",
       "},\n",
       "\"data\":{\n",
       "\"..middle..\":[27.0,27.0,27.0,27.0,27.0,17.5,17.5,17.5,17.5,17.5,17.5,17.5,17.5,25.0,23.0,17.0,17.0,17.0,17.0,26.0,26.0],\n",
       "\"..lower..\":[26.0,26.0,26.0,26.0,26.0,17.0,17.0,17.0,17.0,17.0,17.0,17.0,17.0,24.0,22.0,16.0,16.0,16.0,16.0,24.5,24.5],\n",
       "\"..upper..\":[29.0,29.0,29.0,29.0,29.0,19.0,19.0,19.0,19.0,19.0,19.0,19.0,19.0,26.0,24.0,18.0,18.0,18.0,18.0,30.5,30.5],\n",
       "\"..ymin..\":[23.0,23.0,23.0,23.0,23.0,14.0,14.0,14.0,14.0,14.0,14.0,14.0,14.0,23.0,21.0,15.0,15.0,15.0,15.0,20.0,20.0],\n",
       "\"..ymax..\":[33.0,33.0,33.0,33.0,32.0,22.0,22.0,22.0,22.0,22.0,22.0,22.0,22.0,26.0,24.0,20.0,20.0,20.0,20.0,36.0,36.0],\n",
       "\"class\":[\"compact\",\"compact\",\"compact\",\"compact\",\"midsize\",\"suv\",\"suv\",\"suv\",\"suv\",\"suv\",\"suv\",\"suv\",\"suv\",\"2seater\",\"minivan\",\"pickup\",\"pickup\",\"pickup\",\"pickup\",\"subcompact\",\"subcompact\"],\n",
       "\"hwy\":[35.0,37.0,35.0,44.0,NaN,12.0,12.0,25.0,24.0,27.0,25.0,26.0,23.0,NaN,17.0,12.0,12.0,12.0,22.0,44.0,41.0]\n",
       "}\n",
       "}],\n",
       "\"metainfo_list\":[]\n",
       "};\n",
       "           var plotContainer = document.getElementById(\"f7t4QE\");\n",
       "           window.letsPlotCall(function() {{\n",
       "               LetsPlot.buildPlotFromProcessedSpecs(plotSpec, -1, -1, plotContainer);\n",
       "           }});\n",
       "       })();\n",
       "   </script>"
      ],
      "text/plain": [
       "<lets_plot.plot.core.PlotSpec at 0x173b873f370>"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "ribbon1 = geom_ribbon(aes(\n",
    "                    x=class_by_middle, \n",
    "                    ymin=\"..ymin..\",\n",
    "                    ymax=\"..ymax..\"), stat=\"boxplot\")\n",
    "\n",
    "ribbon2 = geom_ribbon(aes(\n",
    "                    x=class_by_middle, \n",
    "                    ymin=\"..lower..\",\n",
    "                    ymax=\"..upper..\"), stat=\"boxplot\")\n",
    "\n",
    "mid_points = stat_summary(aes(x=class_by_y, color=\"..y..\"), \n",
    "                          fun=\"mq\", \n",
    "                          geom=\"point\", shape=15, size=6)\n",
    "\n",
    "p + ribbon1 + ribbon2 + mid_points + outliers + labs(color=\"Middle\")\n"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3 (ipykernel)",
   "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.10.13"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}