35_SymmetricFloatingBars.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Floating (centered / symmetric) faceted bars\n",
    "\n",
    "This is just a made-up data set inspired by a [Nature Methods article](https://www.nature.com/articles/nmeth.2807)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [],
   "source": [
    "import pandas as pd\n",
    "import altair as alt"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "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>Item</th>\n",
       "      <th>Category 1</th>\n",
       "      <th>Category 2</th>\n",
       "      <th>Category 3</th>\n",
       "      <th>Category 4</th>\n",
       "      <th>Category 5</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>Item 1</td>\n",
       "      <td>6</td>\n",
       "      <td>29</td>\n",
       "      <td>18</td>\n",
       "      <td>30</td>\n",
       "      <td>7</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>Item 2</td>\n",
       "      <td>8</td>\n",
       "      <td>27</td>\n",
       "      <td>17</td>\n",
       "      <td>13</td>\n",
       "      <td>11</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>Item 3</td>\n",
       "      <td>10</td>\n",
       "      <td>21</td>\n",
       "      <td>16</td>\n",
       "      <td>4</td>\n",
       "      <td>19</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>Item 4</td>\n",
       "      <td>20</td>\n",
       "      <td>17</td>\n",
       "      <td>16</td>\n",
       "      <td>9</td>\n",
       "      <td>7</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>Item 5</td>\n",
       "      <td>23</td>\n",
       "      <td>5</td>\n",
       "      <td>15</td>\n",
       "      <td>19</td>\n",
       "      <td>2</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "     Item  Category 1  Category 2  Category 3  Category 4  Category 5\n",
       "0  Item 1           6          29          18          30           7\n",
       "1  Item 2           8          27          17          13          11\n",
       "2  Item 3          10          21          16           4          19\n",
       "3  Item 4          20          17          16           9           7\n",
       "4  Item 5          23           5          15          19           2"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df_orig = pd.read_csv('data/NatureBarValues.csv')\n",
    "df_orig.head()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Make data \"tidy\""
   ]
  },
  {
   "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>Item</th>\n",
       "      <th>Category</th>\n",
       "      <th>value</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>Item 1</td>\n",
       "      <td>Category 1</td>\n",
       "      <td>6</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>Item 2</td>\n",
       "      <td>Category 1</td>\n",
       "      <td>8</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>Item 3</td>\n",
       "      <td>Category 1</td>\n",
       "      <td>10</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>Item 4</td>\n",
       "      <td>Category 1</td>\n",
       "      <td>20</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>Item 5</td>\n",
       "      <td>Category 1</td>\n",
       "      <td>23</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>5</th>\n",
       "      <td>Item 1</td>\n",
       "      <td>Category 2</td>\n",
       "      <td>29</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>6</th>\n",
       "      <td>Item 2</td>\n",
       "      <td>Category 2</td>\n",
       "      <td>27</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>7</th>\n",
       "      <td>Item 3</td>\n",
       "      <td>Category 2</td>\n",
       "      <td>21</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>8</th>\n",
       "      <td>Item 4</td>\n",
       "      <td>Category 2</td>\n",
       "      <td>17</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>9</th>\n",
       "      <td>Item 5</td>\n",
       "      <td>Category 2</td>\n",
       "      <td>5</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "     Item    Category  value\n",
       "0  Item 1  Category 1      6\n",
       "1  Item 2  Category 1      8\n",
       "2  Item 3  Category 1     10\n",
       "3  Item 4  Category 1     20\n",
       "4  Item 5  Category 1     23\n",
       "5  Item 1  Category 2     29\n",
       "6  Item 2  Category 2     27\n",
       "7  Item 3  Category 2     21\n",
       "8  Item 4  Category 2     17\n",
       "9  Item 5  Category 2      5"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df = df_orig.melt(id_vars=[\"Item\"],var_name=\"Category\")\n",
    "df.head(10)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Typical faceted bars"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<style>\n",
       "  #altair-viz-a5266925f5904cbc9bb45bf64589f827.vega-embed {\n",
       "    width: 100%;\n",
       "    display: flex;\n",
       "  }\n",
       "\n",
       "  #altair-viz-a5266925f5904cbc9bb45bf64589f827.vega-embed details,\n",
       "  #altair-viz-a5266925f5904cbc9bb45bf64589f827.vega-embed details summary {\n",
       "    position: relative;\n",
       "  }\n",
       "</style>\n",
       "<div id=\"altair-viz-a5266925f5904cbc9bb45bf64589f827\"></div>\n",
       "<script type=\"text/javascript\">\n",
       "  var VEGA_DEBUG = (typeof VEGA_DEBUG == \"undefined\") ? {} : VEGA_DEBUG;\n",
       "  (function(spec, embedOpt){\n",
       "    let outputDiv = document.currentScript.previousElementSibling;\n",
       "    if (outputDiv.id !== \"altair-viz-a5266925f5904cbc9bb45bf64589f827\") {\n",
       "      outputDiv = document.getElementById(\"altair-viz-a5266925f5904cbc9bb45bf64589f827\");\n",
       "    }\n",
       "    const paths = {\n",
       "      \"vega\": \"https://cdn.jsdelivr.net/npm/vega@5?noext\",\n",
       "      \"vega-lib\": \"https://cdn.jsdelivr.net/npm/vega-lib?noext\",\n",
       "      \"vega-lite\": \"https://cdn.jsdelivr.net/npm/vega-lite@5.8.0?noext\",\n",
       "      \"vega-embed\": \"https://cdn.jsdelivr.net/npm/vega-embed@6?noext\",\n",
       "    };\n",
       "\n",
       "    function maybeLoadScript(lib, version) {\n",
       "      var key = `${lib.replace(\"-\", \"\")}_version`;\n",
       "      return (VEGA_DEBUG[key] == version) ?\n",
       "        Promise.resolve(paths[lib]) :\n",
       "        new Promise(function(resolve, reject) {\n",
       "          var s = document.createElement('script');\n",
       "          document.getElementsByTagName(\"head\")[0].appendChild(s);\n",
       "          s.async = true;\n",
       "          s.onload = () => {\n",
       "            VEGA_DEBUG[key] = version;\n",
       "            return resolve(paths[lib]);\n",
       "          };\n",
       "          s.onerror = () => reject(`Error loading script: ${paths[lib]}`);\n",
       "          s.src = paths[lib];\n",
       "        });\n",
       "    }\n",
       "\n",
       "    function showError(err) {\n",
       "      outputDiv.innerHTML = `<div class=\"error\" style=\"color:red;\">${err}</div>`;\n",
       "      throw err;\n",
       "    }\n",
       "\n",
       "    function displayChart(vegaEmbed) {\n",
       "      vegaEmbed(outputDiv, spec, embedOpt)\n",
       "        .catch(err => showError(`Javascript Error: ${err.message}<br>This usually means there's a typo in your chart specification. See the javascript console for the full traceback.`));\n",
       "    }\n",
       "\n",
       "    if(typeof define === \"function\" && define.amd) {\n",
       "      requirejs.config({paths});\n",
       "      require([\"vega-embed\"], displayChart, err => showError(`Error loading script: ${err.message}`));\n",
       "    } else {\n",
       "      maybeLoadScript(\"vega\", \"5\")\n",
       "        .then(() => maybeLoadScript(\"vega-lite\", \"5.8.0\"))\n",
       "        .then(() => maybeLoadScript(\"vega-embed\", \"6\"))\n",
       "        .catch(showError)\n",
       "        .then(() => displayChart(vegaEmbed));\n",
       "    }\n",
       "  })({\"config\": {\"view\": {\"continuousWidth\": 300, \"continuousHeight\": 300}}, \"data\": {\"name\": \"data-dcc63c1bd6179d79fcae39778c52b169\"}, \"facet\": {\"row\": {\"field\": \"Item\", \"type\": \"ordinal\"}}, \"spec\": {\"mark\": {\"type\": \"bar\"}, \"encoding\": {\"color\": {\"field\": \"Item\", \"type\": \"nominal\"}, \"x\": {\"field\": \"Category\", \"type\": \"ordinal\"}, \"y\": {\"aggregate\": \"sum\", \"field\": \"value\", \"type\": \"quantitative\"}}, \"height\": 80, \"width\": 160}, \"$schema\": \"https://vega.github.io/schema/vega-lite/v5.8.0.json\", \"datasets\": {\"data-dcc63c1bd6179d79fcae39778c52b169\": [{\"Item\": \"Item 1\", \"Category\": \"Category 1\", \"value\": 6}, {\"Item\": \"Item 2\", \"Category\": \"Category 1\", \"value\": 8}, {\"Item\": \"Item 3\", \"Category\": \"Category 1\", \"value\": 10}, {\"Item\": \"Item 4\", \"Category\": \"Category 1\", \"value\": 20}, {\"Item\": \"Item 5\", \"Category\": \"Category 1\", \"value\": 23}, {\"Item\": \"Item 1\", \"Category\": \"Category 2\", \"value\": 29}, {\"Item\": \"Item 2\", \"Category\": \"Category 2\", \"value\": 27}, {\"Item\": \"Item 3\", \"Category\": \"Category 2\", \"value\": 21}, {\"Item\": \"Item 4\", \"Category\": \"Category 2\", \"value\": 17}, {\"Item\": \"Item 5\", \"Category\": \"Category 2\", \"value\": 5}, {\"Item\": \"Item 1\", \"Category\": \"Category 3\", \"value\": 18}, {\"Item\": \"Item 2\", \"Category\": \"Category 3\", \"value\": 17}, {\"Item\": \"Item 3\", \"Category\": \"Category 3\", \"value\": 16}, {\"Item\": \"Item 4\", \"Category\": \"Category 3\", \"value\": 16}, {\"Item\": \"Item 5\", \"Category\": \"Category 3\", \"value\": 15}, {\"Item\": \"Item 1\", \"Category\": \"Category 4\", \"value\": 30}, {\"Item\": \"Item 2\", \"Category\": \"Category 4\", \"value\": 13}, {\"Item\": \"Item 3\", \"Category\": \"Category 4\", \"value\": 4}, {\"Item\": \"Item 4\", \"Category\": \"Category 4\", \"value\": 9}, {\"Item\": \"Item 5\", \"Category\": \"Category 4\", \"value\": 19}, {\"Item\": \"Item 1\", \"Category\": \"Category 5\", \"value\": 7}, {\"Item\": \"Item 2\", \"Category\": \"Category 5\", \"value\": 11}, {\"Item\": \"Item 3\", \"Category\": \"Category 5\", \"value\": 19}, {\"Item\": \"Item 4\", \"Category\": \"Category 5\", \"value\": 7}, {\"Item\": \"Item 5\", \"Category\": \"Category 5\", \"value\": 2}]}}, {\"mode\": \"vega-lite\"});\n",
       "</script>"
      ],
      "text/plain": [
       "alt.FacetChart(...)"
      ]
     },
     "execution_count": 10,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "alt.Chart(df).mark_bar().encode(\n",
    "    x = 'Category:O',\n",
    "    y = 'sum(value):Q',\n",
    "    color = 'Item:N'\n",
    ").properties(\n",
    "    width = 160,\n",
    "    height = 80\n",
    ").facet(\n",
    "    row='Item:O'\n",
    ")"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Symmetric (centered) floating bars\n",
    "\n",
    "With very few annotations so they look more stylized. Use y and y2 to set the bounds of the rectangle mark, and calculate the offsets in Altair.\n",
    "\n",
    "Using new [Method-based syntax](https://altair-viz.github.io/user_guide/encodings/index.html#method-based-syntax) from Altair 5."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 17,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "<style>\n",
       "  #altair-viz-ebb1bff3ac924c6ab8c2a22f68ee2c82.vega-embed {\n",
       "    width: 100%;\n",
       "    display: flex;\n",
       "  }\n",
       "\n",
       "  #altair-viz-ebb1bff3ac924c6ab8c2a22f68ee2c82.vega-embed details,\n",
       "  #altair-viz-ebb1bff3ac924c6ab8c2a22f68ee2c82.vega-embed details summary {\n",
       "    position: relative;\n",
       "  }\n",
       "</style>\n",
       "<div id=\"altair-viz-ebb1bff3ac924c6ab8c2a22f68ee2c82\"></div>\n",
       "<script type=\"text/javascript\">\n",
       "  var VEGA_DEBUG = (typeof VEGA_DEBUG == \"undefined\") ? {} : VEGA_DEBUG;\n",
       "  (function(spec, embedOpt){\n",
       "    let outputDiv = document.currentScript.previousElementSibling;\n",
       "    if (outputDiv.id !== \"altair-viz-ebb1bff3ac924c6ab8c2a22f68ee2c82\") {\n",
       "      outputDiv = document.getElementById(\"altair-viz-ebb1bff3ac924c6ab8c2a22f68ee2c82\");\n",
       "    }\n",
       "    const paths = {\n",
       "      \"vega\": \"https://cdn.jsdelivr.net/npm/vega@5?noext\",\n",
       "      \"vega-lib\": \"https://cdn.jsdelivr.net/npm/vega-lib?noext\",\n",
       "      \"vega-lite\": \"https://cdn.jsdelivr.net/npm/vega-lite@5.8.0?noext\",\n",
       "      \"vega-embed\": \"https://cdn.jsdelivr.net/npm/vega-embed@6?noext\",\n",
       "    };\n",
       "\n",
       "    function maybeLoadScript(lib, version) {\n",
       "      var key = `${lib.replace(\"-\", \"\")}_version`;\n",
       "      return (VEGA_DEBUG[key] == version) ?\n",
       "        Promise.resolve(paths[lib]) :\n",
       "        new Promise(function(resolve, reject) {\n",
       "          var s = document.createElement('script');\n",
       "          document.getElementsByTagName(\"head\")[0].appendChild(s);\n",
       "          s.async = true;\n",
       "          s.onload = () => {\n",
       "            VEGA_DEBUG[key] = version;\n",
       "            return resolve(paths[lib]);\n",
       "          };\n",
       "          s.onerror = () => reject(`Error loading script: ${paths[lib]}`);\n",
       "          s.src = paths[lib];\n",
       "        });\n",
       "    }\n",
       "\n",
       "    function showError(err) {\n",
       "      outputDiv.innerHTML = `<div class=\"error\" style=\"color:red;\">${err}</div>`;\n",
       "      throw err;\n",
       "    }\n",
       "\n",
       "    function displayChart(vegaEmbed) {\n",
       "      vegaEmbed(outputDiv, spec, embedOpt)\n",
       "        .catch(err => showError(`Javascript Error: ${err.message}<br>This usually means there's a typo in your chart specification. See the javascript console for the full traceback.`));\n",
       "    }\n",
       "\n",
       "    if(typeof define === \"function\" && define.amd) {\n",
       "      requirejs.config({paths});\n",
       "      require([\"vega-embed\"], displayChart, err => showError(`Error loading script: ${err.message}`));\n",
       "    } else {\n",
       "      maybeLoadScript(\"vega\", \"5\")\n",
       "        .then(() => maybeLoadScript(\"vega-lite\", \"5.8.0\"))\n",
       "        .then(() => maybeLoadScript(\"vega-embed\", \"6\"))\n",
       "        .catch(showError)\n",
       "        .then(() => displayChart(vegaEmbed));\n",
       "    }\n",
       "  })({\"config\": {\"view\": {\"continuousWidth\": 300, \"continuousHeight\": 300, \"stroke\": null}, \"facet\": {\"spacing\": 0}}, \"data\": {\"name\": \"data-dcc63c1bd6179d79fcae39778c52b169\"}, \"mark\": {\"type\": \"rect\"}, \"encoding\": {\"color\": {\"field\": \"Item\", \"legend\": null, \"type\": \"nominal\"}, \"row\": {\"field\": \"Item\", \"header\": {\"labelAngle\": 0, \"labelOrient\": \"left\", \"labelAlign\": \"right\", \"labelPadding\": 10}, \"title\": null, \"type\": \"nominal\"}, \"x\": {\"axis\": {\"domainWidth\": 0, \"tickWidth\": 0}, \"field\": \"Category\", \"scale\": {\"padding\": 0.3}, \"title\": null, \"type\": \"nominal\"}, \"y\": {\"axis\": null, \"field\": \"posy\", \"title\": null, \"type\": \"quantitative\"}, \"y2\": {\"field\": \"negy\"}}, \"height\": 70, \"transform\": [{\"calculate\": \"0.5*datum.value\", \"as\": \"posy\"}, {\"calculate\": \"-0.5*datum.value\", \"as\": \"negy\"}], \"width\": 200, \"$schema\": \"https://vega.github.io/schema/vega-lite/v5.8.0.json\", \"datasets\": {\"data-dcc63c1bd6179d79fcae39778c52b169\": [{\"Item\": \"Item 1\", \"Category\": \"Category 1\", \"value\": 6}, {\"Item\": \"Item 2\", \"Category\": \"Category 1\", \"value\": 8}, {\"Item\": \"Item 3\", \"Category\": \"Category 1\", \"value\": 10}, {\"Item\": \"Item 4\", \"Category\": \"Category 1\", \"value\": 20}, {\"Item\": \"Item 5\", \"Category\": \"Category 1\", \"value\": 23}, {\"Item\": \"Item 1\", \"Category\": \"Category 2\", \"value\": 29}, {\"Item\": \"Item 2\", \"Category\": \"Category 2\", \"value\": 27}, {\"Item\": \"Item 3\", \"Category\": \"Category 2\", \"value\": 21}, {\"Item\": \"Item 4\", \"Category\": \"Category 2\", \"value\": 17}, {\"Item\": \"Item 5\", \"Category\": \"Category 2\", \"value\": 5}, {\"Item\": \"Item 1\", \"Category\": \"Category 3\", \"value\": 18}, {\"Item\": \"Item 2\", \"Category\": \"Category 3\", \"value\": 17}, {\"Item\": \"Item 3\", \"Category\": \"Category 3\", \"value\": 16}, {\"Item\": \"Item 4\", \"Category\": \"Category 3\", \"value\": 16}, {\"Item\": \"Item 5\", \"Category\": \"Category 3\", \"value\": 15}, {\"Item\": \"Item 1\", \"Category\": \"Category 4\", \"value\": 30}, {\"Item\": \"Item 2\", \"Category\": \"Category 4\", \"value\": 13}, {\"Item\": \"Item 3\", \"Category\": \"Category 4\", \"value\": 4}, {\"Item\": \"Item 4\", \"Category\": \"Category 4\", \"value\": 9}, {\"Item\": \"Item 5\", \"Category\": \"Category 4\", \"value\": 19}, {\"Item\": \"Item 1\", \"Category\": \"Category 5\", \"value\": 7}, {\"Item\": \"Item 2\", \"Category\": \"Category 5\", \"value\": 11}, {\"Item\": \"Item 3\", \"Category\": \"Category 5\", \"value\": 19}, {\"Item\": \"Item 4\", \"Category\": \"Category 5\", \"value\": 7}, {\"Item\": \"Item 5\", \"Category\": \"Category 5\", \"value\": 2}]}}, {\"mode\": \"vega-lite\"});\n",
       "</script>"
      ],
      "text/plain": [
       "alt.Chart(...)"
      ]
     },
     "execution_count": 17,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "balanced_rects = alt.Chart(df).mark_rect().encode(\n",
    "    alt.X('Category:N')\n",
    "            .scale(padding=0.3)\n",
    "            .title(None)\n",
    "            .axis(domainWidth=0, tickWidth=0),\n",
    "    alt.Y('posy:Q').title(None).axis(None),\n",
    "    alt.Y2('negy:Q'),\n",
    "    alt.Color('Item:N', legend=None),\n",
    "    alt.Row('Item:N')\n",
    "            .title(None)\n",
    "            .header(labelAngle=0,\n",
    "                    labelOrient='left',\n",
    "                    labelAlign='right',\n",
    "                    labelPadding=10)\n",
    ").transform_calculate(\n",
    "    posy = '0.5*datum.value',\n",
    "    negy = '-0.5*datum.value'\n",
    ").properties(\n",
    "    width = 200,\n",
    "    height = 70\n",
    ").configure_facet(\n",
    "    spacing = 0\n",
    ").configure_view(\n",
    "    stroke = None\n",
    ")\n",
    "\n",
    "balanced_rects"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "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.9.12"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 4
}