From ed2ff7c6e0e55bc67029a5055d8e4d2438305137 Mon Sep 17 00:00:00 2001
From: AnirudhVIyer <69951190+AnirudhVIyer@users.noreply.github.com>
Date: Fri, 14 Jul 2023 12:19:46 -0400
Subject: [PATCH] refactored is_snippet and with-clause removed

---
 snippet-error (1).ipynb | 1833 ---------------------------------------
 1 file changed, 1833 deletions(-)
 delete mode 100644 snippet-error (1).ipynb

diff --git a/snippet-error (1).ipynb b/snippet-error (1).ipynb
deleted file mode 100644
index c8ba59464..000000000
--- a/snippet-error (1).ipynb	
+++ /dev/null
@@ -1,1833 +0,0 @@
-{
- "cells": [
-  {
-   "cell_type": "code",
-   "execution_count": 1,
-   "id": "9136a98a-1151-400b-9a83-8b618b6ecaf0",
-   "metadata": {
-    "execution": {
-     "iopub.execute_input": "2023-07-14T15:57:40.443184Z",
-     "iopub.status.busy": "2023-07-14T15:57:40.442846Z",
-     "iopub.status.idle": "2023-07-14T15:57:41.493802Z",
-     "shell.execute_reply": "2023-07-14T15:57:41.493488Z",
-     "shell.execute_reply.started": "2023-07-14T15:57:40.443157Z"
-    },
-    "tags": []
-   },
-   "outputs": [],
-   "source": [
-    "%load_ext sql\n",
-    "%sql sqlite://"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 2,
-   "id": "a938708d-36f5-4702-93ba-eee0d781cfe9",
-   "metadata": {
-    "execution": {
-     "iopub.execute_input": "2023-07-14T15:57:41.495221Z",
-     "iopub.status.busy": "2023-07-14T15:57:41.495065Z",
-     "iopub.status.idle": "2023-07-14T15:57:41.608165Z",
-     "shell.execute_reply": "2023-07-14T15:57:41.607843Z",
-     "shell.execute_reply.started": "2023-07-14T15:57:41.495210Z"
-    },
-    "tags": []
-   },
-   "outputs": [
-    {
-     "data": {
-      "text/html": [
-       "<span style=\"None\">Running query in &#x27;sqlite://&#x27;</span>"
-      ],
-      "text/plain": [
-       "Running query in 'sqlite://'"
-      ]
-     },
-     "metadata": {},
-     "output_type": "display_data"
-    },
-    {
-     "data": {
-      "text/html": [
-       "<span style=\"color: green\">1 rows affected.</span>"
-      ],
-      "text/plain": [
-       "1 rows affected."
-      ]
-     },
-     "metadata": {},
-     "output_type": "display_data"
-    },
-    {
-     "data": {
-      "text/html": [
-       "<span style=\"color: green\">1 rows affected.</span>"
-      ],
-      "text/plain": [
-       "1 rows affected."
-      ]
-     },
-     "metadata": {},
-     "output_type": "display_data"
-    },
-    {
-     "data": {
-      "text/plain": []
-     },
-     "execution_count": 2,
-     "metadata": {},
-     "output_type": "execute_result"
-    }
-   ],
-   "source": [
-    "%sql CREATE TABLE people (name varchar(50),age varchar(50),number int, country varchar(50),gender_1 varchar(50), gender_2 varchar(50)); INSERT INTO people VALUES ('joe', '48', 82, 'usa', '0', 'male'); INSERT INTO people VALUES ('paula', '50', 93, 'uk', '1', 'female');"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 3,
-   "id": "fb42cd7c-78f2-4a3a-b1c4-d4caa5d4d771",
-   "metadata": {
-    "execution": {
-     "iopub.execute_input": "2023-07-14T15:57:41.608798Z",
-     "iopub.status.busy": "2023-07-14T15:57:41.608695Z",
-     "iopub.status.idle": "2023-07-14T15:57:41.716888Z",
-     "shell.execute_reply": "2023-07-14T15:57:41.716522Z",
-     "shell.execute_reply.started": "2023-07-14T15:57:41.608789Z"
-    },
-    "tags": []
-   },
-   "outputs": [
-    {
-     "data": {
-      "text/html": [
-       "<span style=\"None\">Running query in &#x27;sqlite://&#x27;</span>"
-      ],
-      "text/plain": [
-       "Running query in 'sqlite://'"
-      ]
-     },
-     "metadata": {},
-     "output_type": "display_data"
-    },
-    {
-     "data": {
-      "text/html": [
-       "<table>\n",
-       "    <thead>\n",
-       "        <tr>\n",
-       "            <th>name</th>\n",
-       "            <th>age</th>\n",
-       "            <th>number</th>\n",
-       "            <th>country</th>\n",
-       "            <th>gender_1</th>\n",
-       "            <th>gender_2</th>\n",
-       "        </tr>\n",
-       "    </thead>\n",
-       "    <tbody>\n",
-       "        <tr>\n",
-       "            <td>joe</td>\n",
-       "            <td>48</td>\n",
-       "            <td>82</td>\n",
-       "            <td>usa</td>\n",
-       "            <td>0</td>\n",
-       "            <td>male</td>\n",
-       "        </tr>\n",
-       "    </tbody>\n",
-       "</table>\n",
-       "<span style='font-style:italic;font-size:11px'><code>ResultSet</code> : to convert to pandas, call <a href='https://jupysql.ploomber.io/en/latest/integrations/pandas.html'><code>.DataFrame()</code></a> or to polars, call <a href='https://jupysql.ploomber.io/en/latest/integrations/polars.html'><code>.PolarsDataFrame()</code></a></span><br>"
-      ],
-      "text/plain": [
-       "+------+-----+--------+---------+----------+----------+\n",
-       "| name | age | number | country | gender_1 | gender_2 |\n",
-       "+------+-----+--------+---------+----------+----------+\n",
-       "| joe  |  48 |   82   |   usa   |    0     |   male   |\n",
-       "+------+-----+--------+---------+----------+----------+"
-      ]
-     },
-     "execution_count": 3,
-     "metadata": {},
-     "output_type": "execute_result"
-    }
-   ],
-   "source": [
-    "%%sql --save joe\n",
-    "select * from people where country = 'usa'"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 4,
-   "id": "baf46de7-7eee-4dc2-99dc-514d6a08c95d",
-   "metadata": {
-    "execution": {
-     "iopub.execute_input": "2023-07-14T15:57:41.717684Z",
-     "iopub.status.busy": "2023-07-14T15:57:41.717569Z",
-     "iopub.status.idle": "2023-07-14T15:57:42.015299Z",
-     "shell.execute_reply": "2023-07-14T15:57:42.014457Z",
-     "shell.execute_reply.started": "2023-07-14T15:57:41.717674Z"
-    },
-    "tags": []
-   },
-   "outputs": [
-    {
-     "data": {
-      "text/html": [
-       "<span style=\"None\">Generating CTE with stored snippets : &#x27;joe&#x27;</span>"
-      ],
-      "text/plain": [
-       "Generating CTE with stored snippets : 'joe'"
-      ]
-     },
-     "metadata": {},
-     "output_type": "display_data"
-    },
-    {
-     "data": {
-      "text/html": [
-       "<span style=\"None\">Running query in &#x27;sqlite://&#x27;</span>"
-      ],
-      "text/plain": [
-       "Running query in 'sqlite://'"
-      ]
-     },
-     "metadata": {},
-     "output_type": "display_data"
-    },
-    {
-     "data": {
-      "text/html": [
-       "<table>\n",
-       "    <thead>\n",
-       "        <tr>\n",
-       "            <th>name</th>\n",
-       "            <th>age</th>\n",
-       "            <th>number</th>\n",
-       "            <th>country</th>\n",
-       "            <th>gender_1</th>\n",
-       "            <th>gender_2</th>\n",
-       "        </tr>\n",
-       "    </thead>\n",
-       "    <tbody>\n",
-       "    </tbody>\n",
-       "</table>\n",
-       "<span style='font-style:italic;font-size:11px'><code>ResultSet</code> : to convert to pandas, call <a href='https://jupysql.ploomber.io/en/latest/integrations/pandas.html'><code>.DataFrame()</code></a> or to polars, call <a href='https://jupysql.ploomber.io/en/latest/integrations/polars.html'><code>.PolarsDataFrame()</code></a></span><br>"
-      ],
-      "text/plain": [
-       "+------+-----+--------+---------+----------+----------+\n",
-       "| name | age | number | country | gender_1 | gender_2 |\n",
-       "+------+-----+--------+---------+----------+----------+\n",
-       "+------+-----+--------+---------+----------+----------+"
-      ]
-     },
-     "execution_count": 4,
-     "metadata": {},
-     "output_type": "execute_result"
-    }
-   ],
-   "source": [
-    "%%sql\n",
-    "SELECT * FROM joe WHERE 1 = 0"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 5,
-   "id": "da0fb91f-0ebe-4af4-867b-a81979ec4c97",
-   "metadata": {
-    "execution": {
-     "iopub.execute_input": "2023-07-14T15:57:42.018931Z",
-     "iopub.status.busy": "2023-07-14T15:57:42.018543Z",
-     "iopub.status.idle": "2023-07-14T15:57:42.175040Z",
-     "shell.execute_reply": "2023-07-14T15:57:42.174545Z",
-     "shell.execute_reply.started": "2023-07-14T15:57:42.018905Z"
-    },
-    "tags": []
-   },
-   "outputs": [
-    {
-     "data": {
-      "text/html": [
-       "<table>\n",
-       "    <thead>\n",
-       "        <tr>\n",
-       "            <th>Name</th>\n",
-       "        </tr>\n",
-       "    </thead>\n",
-       "    <tbody>\n",
-       "        <tr>\n",
-       "            <td>people</td>\n",
-       "        </tr>\n",
-       "    </tbody>\n",
-       "</table>"
-      ],
-      "text/plain": [
-       "+--------+\n",
-       "|  Name  |\n",
-       "+--------+\n",
-       "| people |\n",
-       "+--------+"
-      ]
-     },
-     "execution_count": 5,
-     "metadata": {},
-     "output_type": "execute_result"
-    }
-   ],
-   "source": [
-    "%sqlcmd tables"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 6,
-   "id": "50bdbff6-b02e-481b-982e-7ac7c2c39245",
-   "metadata": {
-    "execution": {
-     "iopub.execute_input": "2023-07-14T15:57:42.177425Z",
-     "iopub.status.busy": "2023-07-14T15:57:42.177188Z",
-     "iopub.status.idle": "2023-07-14T15:57:42.400060Z",
-     "shell.execute_reply": "2023-07-14T15:57:42.399594Z",
-     "shell.execute_reply.started": "2023-07-14T15:57:42.177408Z"
-    },
-    "tags": []
-   },
-   "outputs": [
-    {
-     "name": "stdout",
-     "output_type": "stream",
-     "text": [
-      "Profiling using saved snippet : joe\n"
-     ]
-    },
-    {
-     "data": {
-      "text/html": [
-       "<div style='position: sticky; left: 0; padding: 10px; font-size: 12px; color: #FFA500'><strong></strong> Following statistics are not available in\n",
-       "            pysqlite: STD, 25%, 50%, 75%</div><style>\n",
-       " #profile-table td:first-child {\n",
-       "  position: sticky;\n",
-       "  left: 0;\n",
-       "  background-color: var(--jp-cell-editor-background);\n",
-       "  font-weight: bold;\n",
-       "}\n",
-       " #profile-table thead tr th:first-child {\n",
-       "  position: sticky;\n",
-       "  left: 0;\n",
-       "  background-color: var(--jp-cell-editor-background);\n",
-       "  font-weight: bold; /* Adding bold text */\n",
-       "}\n",
-       "            </style><style>\n",
-       "        #profile-table-43d3310a5fa549fbb81ccf3805783921 td:nth-child(3) {\n",
-       "            background-color: #FFFFCC;\n",
-       "            color: black;\n",
-       "        }\n",
-       "        \n",
-       "        #profile-table-43d3310a5fa549fbb81ccf3805783921 td:nth-child(6) {\n",
-       "            background-color: #FFFFCC;\n",
-       "            color: black;\n",
-       "        }\n",
-       "        </style><table id=\"profile-table-43d3310a5fa549fbb81ccf3805783921\">\n",
-       "    <thead>\n",
-       "        <tr>\n",
-       "            <th> </th>\n",
-       "            <th>name</th>\n",
-       "            <th>age</th>\n",
-       "            <th>number</th>\n",
-       "            <th>country</th>\n",
-       "            <th>gender_1</th>\n",
-       "            <th>gender_2</th>\n",
-       "        </tr>\n",
-       "    </thead>\n",
-       "    <tbody>\n",
-       "        <tr>\n",
-       "            <td>count</td>\n",
-       "            <td>1</td>\n",
-       "            <td>1</td>\n",
-       "            <td>1</td>\n",
-       "            <td>1</td>\n",
-       "            <td>1</td>\n",
-       "            <td>1</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>unique</td>\n",
-       "            <td>1</td>\n",
-       "            <td>1</td>\n",
-       "            <td>1</td>\n",
-       "            <td>1</td>\n",
-       "            <td>1</td>\n",
-       "            <td>1</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>top</td>\n",
-       "            <td>joe</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>usa</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>male</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>freq</td>\n",
-       "            <td>1</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>1</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>1</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>mean</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>48.0000</td>\n",
-       "            <td>82.0000</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>0.0000</td>\n",
-       "            <td>nan</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>std</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>min</td>\n",
-       "            <td>nan</td>\n",
-       "            <td></td>\n",
-       "            <td>82</td>\n",
-       "            <td>nan</td>\n",
-       "            <td></td>\n",
-       "            <td>nan</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>25%</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>50%</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>75%</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "            <td>nan</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>max</td>\n",
-       "            <td>nan</td>\n",
-       "            <td></td>\n",
-       "            <td>82</td>\n",
-       "            <td>nan</td>\n",
-       "            <td></td>\n",
-       "            <td>nan</td>\n",
-       "        </tr>\n",
-       "    </tbody>\n",
-       "</table><div style='position: sticky; left: 0; padding: 10px; font-size: 12px; color: black; background-color: #FFFFCC;'><strong>Warning: </strong> Columns <code>age</code><code>gender_1</code> have a datatype mismatch -> numeric values stored as a string. <br> Cannot calculate mean/min/max/std/percentiles</div>"
-      ],
-      "text/plain": [
-       "+--------+------+---------+---------+---------+----------+----------+\n",
-       "|        | name |   age   |  number | country | gender_1 | gender_2 |\n",
-       "+--------+------+---------+---------+---------+----------+----------+\n",
-       "| count  |  1   |    1    |    1    |    1    |    1     |    1     |\n",
-       "| unique |  1   |    1    |    1    |    1    |    1     |    1     |\n",
-       "|  top   | joe  |   nan   |   nan   |   usa   |   nan    |   male   |\n",
-       "|  freq  |  1   |   nan   |   nan   |    1    |   nan    |    1     |\n",
-       "|  mean  | nan  | 48.0000 | 82.0000 |   nan   |  0.0000  |   nan    |\n",
-       "|  std   | nan  |   nan   |   nan   |   nan   |   nan    |   nan    |\n",
-       "|  min   | nan  |         |    82   |   nan   |          |   nan    |\n",
-       "|  25%   | nan  |   nan   |   nan   |   nan   |   nan    |   nan    |\n",
-       "|  50%   | nan  |   nan   |   nan   |   nan   |   nan    |   nan    |\n",
-       "|  75%   | nan  |   nan   |   nan   |   nan   |   nan    |   nan    |\n",
-       "|  max   | nan  |         |    82   |   nan   |          |   nan    |\n",
-       "+--------+------+---------+---------+---------+----------+----------+"
-      ]
-     },
-     "execution_count": 6,
-     "metadata": {},
-     "output_type": "execute_result"
-    }
-   ],
-   "source": [
-    "%sqlcmd profile -t joe"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 7,
-   "id": "cb0535de-71ef-4789-8ac2-2b43c2976234",
-   "metadata": {
-    "execution": {
-     "iopub.execute_input": "2023-07-14T15:57:42.401093Z",
-     "iopub.status.busy": "2023-07-14T15:57:42.400800Z",
-     "iopub.status.idle": "2023-07-14T15:57:42.527259Z",
-     "shell.execute_reply": "2023-07-14T15:57:42.526940Z",
-     "shell.execute_reply.started": "2023-07-14T15:57:42.401077Z"
-    },
-    "tags": []
-   },
-   "outputs": [
-    {
-     "name": "stdout",
-     "output_type": "stream",
-     "text": [
-      "Exploring using saved snippet : joe\n"
-     ]
-    },
-    {
-     "data": {
-      "text/html": [
-       "\n",
-       "    <style>.sort-button {\n",
-       "    background: none;\n",
-       "    border: none;\n",
-       "}\n",
-       "\n",
-       ".sort-button.selected {\n",
-       "    background: #efefef;\n",
-       "    border: 1px solid #767676;\n",
-       "}\n",
-       "\n",
-       ".pages-buttons button.selected {\n",
-       "    background: #efefef;\n",
-       "    border: 1px solid #767676;\n",
-       "    border-radius: 2px;\n",
-       "}\n",
-       ".pages-buttons button {\n",
-       "    background: none;\n",
-       "    border: none;\n",
-       "    padding: 0 10px;\n",
-       "}\n",
-       ".jupysql-table-widget {\n",
-       "    display: inline;\n",
-       "}</style>\n",
-       "    \n",
-       "            <div id=\"tableContainer_1689350262\" class=\"table-container\"></div>\n",
-       "            \n",
-       "    <script>function isJupyterNotebook() {\n",
-       "    return window[\"Jupyter\"];\n",
-       "}\n",
-       "\n",
-       "function getTable(element) {\n",
-       "    let table;\n",
-       "    if (element) {\n",
-       "        const tableContainer = element.closest(\".table-container\");\n",
-       "        table = tableContainer.querySelector(\"table\");\n",
-       "    } else {\n",
-       "        const _isJupyterNotebook = isJupyterNotebook();\n",
-       "        if (_isJupyterNotebook) {\n",
-       "            table = document.querySelector(\".selected .table-container table\");\n",
-       "        } else {\n",
-       "            table = document.querySelector(\".jp-Cell.jp-mod-active .table-container table\");\n",
-       "        }\n",
-       "    }\n",
-       "\n",
-       "    return table;\n",
-       "}\n",
-       "\n",
-       "function getSortDetails() {\n",
-       "    let sort = undefined;\n",
-       "\n",
-       "    const table = getTable();\n",
-       "    if (table) {\n",
-       "        const column = table.getAttribute(\"sort-by-column\");\n",
-       "        const order = table.getAttribute(\"sort-by-order\");\n",
-       "\n",
-       "        if (column && order) {\n",
-       "            sort = {\n",
-       "                \"column\" : column,\n",
-       "                \"order\" : order\n",
-       "            }\n",
-       "        }\n",
-       "    }\n",
-       "\n",
-       "    return sort;\n",
-       "}\n",
-       "\n",
-       "function sortColumnClick(element, column, order, callback) {\n",
-       "    // fetch data with sort logic\n",
-       "    const table = getTable(element);\n",
-       "    table.setAttribute(\"sort-by-column\", column);\n",
-       "    table.setAttribute(\"sort-by-order\", order);\n",
-       "    const rowsPerPage = table.getAttribute(\"rows-per-page\");\n",
-       "    const currrPage = table.getAttribute(\"curr-page-idx\");\n",
-       "\n",
-       "    const sort = {\n",
-       "        'column' : column,\n",
-       "        'order' : order\n",
-       "    }\n",
-       "\n",
-       "    const fetchParameters = {\n",
-       "        rowsPerPage : parseInt(rowsPerPage),\n",
-       "        page : parseInt(currrPage),\n",
-       "        sort : sort,\n",
-       "        table : table.getAttribute(\"table-name\")\n",
-       "    }\n",
-       "\n",
-       "    fetchTableData(fetchParameters, callback)\n",
-       "}\n",
-       "\n",
-       "function fetchTableData(fetchParameters, callback) {\n",
-       "    \n",
-       "    sendObject = {\n",
-       "        'nRows' : fetchParameters.rowsPerPage,\n",
-       "        'page': fetchParameters.page,\n",
-       "        'table' : fetchParameters.table\n",
-       "    }\n",
-       "\n",
-       "    if (fetchParameters.sort) {\n",
-       "        sendObject.sort = fetchParameters.sort\n",
-       "    }\n",
-       "\n",
-       "    const _isJupyterNotebook = isJupyterNotebook();\n",
-       "\n",
-       "\n",
-       "    if (_isJupyterNotebook) {\n",
-       "        // for Jupyter Notebook\n",
-       "        const comm =\n",
-       "        Jupyter.notebook.kernel.comm_manager.new_comm('comm_target_handle_table_widget', {})\n",
-       "        comm.send(sendObject)\n",
-       "        comm.on_msg(function(msg) {\n",
-       "            const rows = JSON.parse(msg.content.data['rows']);\n",
-       "            if (callback) {\n",
-       "                callback(rows)\n",
-       "            }\n",
-       "        });\n",
-       "    } else{\n",
-       "        // for JupyterLab\n",
-       "        dispatchEventToKernel(sendObject)\n",
-       "\n",
-       "        const controller = new AbortController();\n",
-       "    \n",
-       "        document.addEventListener('onTableWidgetRowsReady', (customEvent) => {\n",
-       "            const rows = JSON.parse(customEvent.detail.data.rows)\n",
-       "            controller.abort()\n",
-       "            if (callback) {\n",
-       "                callback(rows)\n",
-       "            }\n",
-       "        }, {signal: controller.signal})\n",
-       "    }\n",
-       "\n",
-       "\n",
-       "}\n",
-       "\n",
-       "\n",
-       "function dispatchEventToKernel(data) {\n",
-       "    let customEvent = new CustomEvent('onUpdateTableWidget', {\n",
-       "    bubbles: true,\n",
-       "    cancelable: true,\n",
-       "    composed: false,\n",
-       "    detail : {\n",
-       "        data : data\n",
-       "    }\n",
-       "    });\n",
-       "    document.body.dispatchEvent(customEvent)\n",
-       "}         \n",
-       "\n",
-       "function handleRowsNumberOfRowsChange(e) {\n",
-       "    const rowsPerPage = parseInt(e.value);\n",
-       "    let table = getTable();\n",
-       "    table.setAttribute('rows-per-page', rowsPerPage);\n",
-       "\n",
-       "    const nTotal = table.getAttribute('n-total');\n",
-       "\n",
-       "    const maxPages = Math.ceil(nTotal / rowsPerPage)\n",
-       "    table.setAttribute('max-pages', maxPages);\n",
-       "\n",
-       "    const fetchParameters = {\n",
-       "        rowsPerPage : rowsPerPage,\n",
-       "        page : 0,\n",
-       "        sort : getSortDetails(),\n",
-       "        table : table.getAttribute(\"table-name\")\n",
-       "    }\n",
-       "\n",
-       "    setTimeout(() => {\n",
-       "        fetchTableData(fetchParameters, (rows) => {\n",
-       "            updateTable(rows);\n",
-       "        })\n",
-       "    }, 100);\n",
-       "}\n",
-       "\n",
-       "function updateTable(rows, currPage, tableToUpdate) {\n",
-       "    const table = tableToUpdate || getTable();\n",
-       "    const trs = table.querySelectorAll(\"tbody tr\");\n",
-       "    const tbody = table.querySelector(\"tbody\");\n",
-       "    tbody.innerHTML = \"\";\n",
-       "\n",
-       "    const _html = createTableRows(rows)\n",
-       "\n",
-       "    tbody.innerHTML = _html\n",
-       "\n",
-       "    setTimeout(() => {\n",
-       "        updatePaginationBar(table, currPage || 0)\n",
-       "    }, 100)\n",
-       "}\n",
-       "\n",
-       "function createTableRows(rows) {\n",
-       "    const _html = rows.map(function(row) {\n",
-       "        const tds =\n",
-       "        Object.keys(row).map(function(key) {\n",
-       "\n",
-       "            return \"<td>\" + row[key] + \"</td>\"\n",
-       "        }).join(\"\") ;\n",
-       "        return \"<tr>\" + tds + \"</tr>\";\n",
-       "    }).join(\"\");\n",
-       "\n",
-       "    return _html\n",
-       "}\n",
-       "\n",
-       "function showTablePage(page, rowsPerPage, data) {\n",
-       "    const table = getTable();\n",
-       "    const trs = table.querySelectorAll(\"tbody tr\");\n",
-       "    const tbody = table.querySelector(\"tbody\");\n",
-       "    tbody.innerHTML = \"\";\n",
-       "\n",
-       "    const rows = data;\n",
-       "    const startIndex = page * rowsPerPage;\n",
-       "    const endIndex = startIndex + rowsPerPage;\n",
-       "    const _html = rows.map(row => {\n",
-       "        const tds =\n",
-       "        Object.keys(row).map(key => `<td>${row[key]}</td>`).join(\"\");\n",
-       "        return `<tr>${tds}</tr>`;\n",
-       "    }).join(\"\");\n",
-       "\n",
-       "    tbody.innerHTML = _html;\n",
-       "\n",
-       "    table.setAttribute(\"curr-page-idx\", page);\n",
-       "    updatePaginationBar(table, page);\n",
-       "}\n",
-       "\n",
-       "function nextPageClick(element) {\n",
-       "    const table = getTable(element);\n",
-       "    const currPageIndex = parseInt(table.getAttribute(\"curr-page-idx\"));\n",
-       "    const rowsPerPage = parseInt(table.getAttribute(\"rows-per-page\"));\n",
-       "    const maxPages = parseInt(table.getAttribute(\"max-pages\"));\n",
-       "\n",
-       "    const nextPage = currPageIndex + 1;\n",
-       "    if (nextPage < maxPages) {\n",
-       "        const fetchParameters = {\n",
-       "            rowsPerPage : rowsPerPage,\n",
-       "            page : nextPage,\n",
-       "            sort : getSortDetails(),\n",
-       "            table : table.getAttribute(\"table-name\")\n",
-       "        }\n",
-       "\n",
-       "        fetchTableData(fetchParameters, (rows) => {\n",
-       "            showTablePage(nextPage, rowsPerPage, rows)\n",
-       "        });\n",
-       "    }\n",
-       "\n",
-       "}\n",
-       "\n",
-       "function prevPageClick() {\n",
-       "    const table = getTable();\n",
-       "    const currPageIndex = parseInt(table.getAttribute(\"curr-page-idx\"));\n",
-       "    const rowsPerPage = parseInt(table.getAttribute(\"rows-per-page\"));\n",
-       "    const prevPage = currPageIndex - 1;\n",
-       "    if (prevPage >= 0) {\n",
-       "        const fetchParameters = {\n",
-       "            rowsPerPage : rowsPerPage,\n",
-       "            page : prevPage,\n",
-       "            sort : getSortDetails(),\n",
-       "            table : table.getAttribute(\"table-name\")\n",
-       "        }\n",
-       "\n",
-       "        fetchTableData(fetchParameters, (rows) => {\n",
-       "            showTablePage(prevPage, rowsPerPage, rows)\n",
-       "        });\n",
-       "    }\n",
-       "}\n",
-       "\n",
-       "function setPageButton(table, label, navigateTo, isSelected) {\n",
-       "    const rowsPerPage = parseInt(table.getAttribute(\"rows-per-page\"));\n",
-       "    const selected = isSelected ? \"selected\" : \"\";\n",
-       "\n",
-       "    const button = `\n",
-       "    <button class=\"${selected}\"\n",
-       "            onclick=\"\n",
-       "            fetchTableData({\n",
-       "                rowsPerPage : ${rowsPerPage},\n",
-       "                page : ${navigateTo},\n",
-       "                sort : getSortDetails(),\n",
-       "                table : getTable(this).getAttribute('table-name')\n",
-       "            },\n",
-       "            (rows) => {\n",
-       "                showTablePage(${navigateTo}, ${rowsPerPage}, rows);\n",
-       "                })\"\n",
-       "    >\n",
-       "        ${label}\n",
-       "    </button>\n",
-       "    `\n",
-       "    return button;\n",
-       "}\n",
-       "\n",
-       "function updatePaginationBar(table, currPage) {\n",
-       "    const maxPages = parseInt(table.getAttribute(\"max-pages\"));\n",
-       "    const maxPagesInRow = 6;\n",
-       "    const rowsPerPage = parseInt(table.getAttribute(\"rows-per-page\"));\n",
-       "    table.setAttribute(\"curr-page-idx\", currPage);\n",
-       "\n",
-       "    let buttonsArray = []\n",
-       "\n",
-       "    let startEllipsisAdded = false\n",
-       "    let endEllipsisAdded = false\n",
-       "\n",
-       "    // add first\n",
-       "    let selected = currPage === 0;\n",
-       "    buttonsArray.push(setPageButton(table, \"1\", 0, selected));\n",
-       "\n",
-       "    for (i = 1; i < maxPages - 1; i++) {\n",
-       "        const navigateTo = i;\n",
-       "        const label = i + 1;\n",
-       "        selected = currPage === i;\n",
-       "        const inStartRange = currPage < maxPagesInRow;\n",
-       "        const inEndRange = maxPages - 1 - currPage < maxPagesInRow;\n",
-       "\n",
-       "        if (inStartRange) {\n",
-       "            if (i < maxPagesInRow) {\n",
-       "                buttonsArray\n",
-       "                .push(setPageButton(table, label, navigateTo, selected));\n",
-       "            } else {\n",
-       "            if (!startEllipsisAdded) {\n",
-       "                buttonsArray.push(\"...\");\n",
-       "                startEllipsisAdded = true;\n",
-       "            }\n",
-       "            }\n",
-       "        } else if (inEndRange) {\n",
-       "            if (maxPages - 1 - i < maxPagesInRow) {\n",
-       "                buttonsArray\n",
-       "                .push(setPageButton(table, label, navigateTo, selected));\n",
-       "            } else {\n",
-       "            if (!endEllipsisAdded) {\n",
-       "                buttonsArray.push(\"...\");\n",
-       "                endEllipsisAdded = true;\n",
-       "            }\n",
-       "            }\n",
-       "        }\n",
-       "\n",
-       "        if (!inStartRange && !inEndRange) {\n",
-       "            if (currPage === i-2) {\n",
-       "                buttonsArray.push(\"...\");\n",
-       "            }\n",
-       "            if (\n",
-       "                currPage === i - 1 ||\n",
-       "                currPage === i ||\n",
-       "                currPage === i + 1\n",
-       "            ) {\n",
-       "                buttonsArray\n",
-       "                .push(setPageButton(table, label, navigateTo, selected))\n",
-       "            }\n",
-       "\n",
-       "            if (currPage === i+2) {\n",
-       "                buttonsArray.push(\"...\");\n",
-       "            }\n",
-       "\n",
-       "        }\n",
-       "    }\n",
-       "\n",
-       "    selected = currPage === maxPages - 1 ? \"selected\" : \"\";\n",
-       "\n",
-       "    buttonsArray.\n",
-       "    push(setPageButton(table, maxPages, maxPages - 1, selected))\n",
-       "\n",
-       "    const buttonsHtml = buttonsArray.join(\"\");\n",
-       "    table.parentNode\n",
-       "    .querySelector(\".pages-buttons\").innerHTML = buttonsHtml;\n",
-       "}\n",
-       "\n",
-       "function removeSelectionFromAllSortButtons() {\n",
-       "    document.querySelectorAll(\".sort-button\")\n",
-       "    .forEach(el => el.classList.remove(\"selected\"))\n",
-       "}\n",
-       "\n",
-       "function initTable() {\n",
-       "    // template variables we should pass\n",
-       "    const initialRows = [\n",
-       "    {\n",
-       "        \"age\": \"48\",\n",
-       "        \"country\": \"usa\",\n",
-       "        \"gender_1\": \"0\",\n",
-       "        \"gender_2\": \"male\",\n",
-       "        \"name\": \"joe\",\n",
-       "        \"number\": 82\n",
-       "    }\n",
-       "];\n",
-       "    const columns = ['name', 'age', 'number', 'country', 'gender_1', 'gender_2'];\n",
-       "    const rowsPerPage=10;\n",
-       "    const nPages=1;\n",
-       "    const nTotal=1;\n",
-       "    const tableName=\"joe\";\n",
-       "    const tableContainerId = \"tableContainer_1689350262\";\n",
-       "    const options = [10, 25, 50, 100];\n",
-       "    options_html =\n",
-       "    options.map(option => `<option value=${option}>${option}</option>`);\n",
-       "\n",
-       "\n",
-       "    let ths_ = columns.map(col => `<th>${col}</th>`).join(\"\");\n",
-       "\n",
-       "    let table = `\n",
-       "    <div>\n",
-       "        <span style=\"margin-right: 5px\">Show</span>\n",
-       "        <select\n",
-       "        onchange=\"handleRowsNumberOfRowsChange(this)\">\n",
-       "            ${options_html}\n",
-       "        </select>\n",
-       "        <span style=\"margin-left: 5px\">entries</span>\n",
-       "    </div>\n",
-       "\n",
-       "    <table\n",
-       "        class=\"jupysql-table-widget\"\n",
-       "        style='width:100%'\n",
-       "        curr-page-idx=0\n",
-       "        rows-per-page=${rowsPerPage}\n",
-       "        max-pages = ${nPages}\n",
-       "        n-total=${nTotal}\n",
-       "        table-name=${tableName}\n",
-       "    >\n",
-       "        <thead>\n",
-       "            <tr>\n",
-       "                ${ths_}\n",
-       "            </tr>\n",
-       "        </thead>\n",
-       "\n",
-       "        <tbody>\n",
-       "        </tbody>\n",
-       "    </table>\n",
-       "\n",
-       "\n",
-       "    <div style=\"padding-bottom: 20px;\">\n",
-       "        <button onclick=\"prevPageClick(this)\">Previous</button>\n",
-       "        <div\n",
-       "            id = \"pagesButtons\"\n",
-       "            class = \"pages-buttons\"\n",
-       "            style = \"display: inline-flex\">\n",
-       "        </div>\n",
-       "        <button onclick=\"nextPageClick(this)\">Next</button>\n",
-       "    </div>\n",
-       "    `\n",
-       "\n",
-       "    let tableContainer = document.querySelector(`#${tableContainerId}`);\n",
-       "\n",
-       "    tableContainer.innerHTML = table\n",
-       "\n",
-       "    if (initialRows) {\n",
-       "        initializeTableRows(tableContainer, rowsPerPage, initialRows)\n",
-       "\n",
-       "    } else {\n",
-       "        setTimeout(() => {\n",
-       "            const fetchParameters = {\n",
-       "                rowsPerPage : rowsPerPage,\n",
-       "                page : 0,\n",
-       "                sort : getSortDetails(),\n",
-       "                table : tableName\n",
-       "            }\n",
-       "\n",
-       "            fetchTableData(fetchParameters, (rows) => {\n",
-       "                initializeTableRows(tableContainer, rowsPerPage, rows)\n",
-       "            })\n",
-       "        }, 100);\n",
-       "    }\n",
-       "    \n",
-       "}\n",
-       "\n",
-       "function initializeTableRows(tableContainer, rowsPerPage, rows) {\n",
-       "    updateTable(rows, 0,\n",
-       "        tableContainer.querySelector(\"table\"));\n",
-       "    // update ths_ to make sure order columns\n",
-       "    // are matching the data\n",
-       "    if (rows.length > 0) {\n",
-       "        let row = rows[0];\n",
-       "        let ths_ =\n",
-       "        Object.keys(row).map(col =>\n",
-       "        `<th>\n",
-       "            <div style=\"display: inline-flex; height: 40px\">\n",
-       "                <span style=\"line-height: 40px\">${col}</span>\n",
-       "                <span style=\"width: 40px;\">\n",
-       "                    <button\n",
-       "                        class = \"sort-button\"\n",
-       "                        onclick='sortColumnClick(this,\n",
-       "                        \"${col}\", \"ASC\",\n",
-       "                        (rows) => {\n",
-       "                            const table = getTable(this);\n",
-       "                            const currPage =\n",
-       "                            parseInt(table.getAttribute(\"curr-page-idx\"));\n",
-       "                            updateTable(rows, currPage);\n",
-       "                            removeSelectionFromAllSortButtons()\n",
-       "                            this.className += \" selected\"\n",
-       "                            }\n",
-       "                        )'\n",
-       "                        title=\"Sort\"\n",
-       "                        >▴\n",
-       "                    </button>\n",
-       "                    <button\n",
-       "                        class = \"sort-button\"\n",
-       "                        onclick='sortColumnClick(this,\n",
-       "                        \"${col}\", \"DESC\",\n",
-       "                        (rows) => {\n",
-       "                            const table = getTable(this);\n",
-       "                            const currPage = parseInt(\n",
-       "                                table.getAttribute(\"curr-page-idx\"));\n",
-       "                            updateTable(rows, currPage);\n",
-       "                            removeSelectionFromAllSortButtons()\n",
-       "                            this.className += \" selected\"\n",
-       "                            }\n",
-       "                        )'\n",
-       "                        title=\"Sort\"\n",
-       "                        >▾\n",
-       "                    </button>\n",
-       "                </span>\n",
-       "            </div>\n",
-       "\n",
-       "            </th>`).join(\"\");\n",
-       "        let thead = tableContainer.querySelector(\"thead\")\n",
-       "        thead.innerHTML = ths_\n",
-       "    }\n",
-       "}\n",
-       "\n",
-       "initTable()</script>\n",
-       "    "
-      ],
-      "text/plain": [
-       "<sql.widgets.table_widget.table_widget.TableWidget at 0x1077136d0>"
-      ]
-     },
-     "metadata": {},
-     "output_type": "display_data"
-    }
-   ],
-   "source": [
-    "%sqlcmd explore -t joe"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 8,
-   "id": "6496904e-e333-4961-b5f8-fcf585b33297",
-   "metadata": {
-    "execution": {
-     "iopub.execute_input": "2023-07-14T15:57:42.527957Z",
-     "iopub.status.busy": "2023-07-14T15:57:42.527839Z",
-     "iopub.status.idle": "2023-07-14T15:57:42.707572Z",
-     "shell.execute_reply": "2023-07-14T15:57:42.707285Z",
-     "shell.execute_reply.started": "2023-07-14T15:57:42.527946Z"
-    },
-    "tags": []
-   },
-   "outputs": [
-    {
-     "name": "stdout",
-     "output_type": "stream",
-     "text": [
-      "Plotting using saved snippet : joe\n",
-      "Removing NULLs, if there exists any from age\n"
-     ]
-    },
-    {
-     "data": {
-      "text/plain": [
-       "<Axes: title={'center': 'joe'}, xlabel='age', ylabel='Count'>"
-      ]
-     },
-     "execution_count": 8,
-     "metadata": {},
-     "output_type": "execute_result"
-    },
-    {
-     "data": {
-      "image/png": "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7z6rxwMQBNxzAwAAjMKZGwAAYBTiBgAAGIW4AQAARiFuAACAUYgbAABgFOIGAAAYhbgBAABGIW4AAIBRiBsAAGAU4gYAABiFuAEQ8goKCnT77berQ4cO6tixo+6//3599tln/uf37NmjpKQkRUREaMiQIdq0aZNsNptKS0v92xw8eFCjRo1S+/bt5XK5NHHiRFVVVVnwbgC0NOIGQMirqalRZmam9u/fr8LCQtntdj344IPyer3yeDxKS0tT//79VVJSooULF2rWrFkN9j9z5ozuuusuDRo0SPv371dBQYEqKys1duxYi94RgJbEH84E0OpUVVWpU6dOOnDggHbv3q25c+fqyy+/VEREhCTppZde0pQpU/Thhx8qKSlJv//97/X+++9r69at/mN8+eWXio+PV1lZmXr06GHVWwHQAjhzAyDkffrppxo/frwSExPldDqVkJAgSTp+/LjKyso0YMAAf9hI0rBhwxrs/9FHH2nnzp1q3769/9GrVy9JanB5C4AZ2lg9AABcTlpamm6++WatXr1asbGx8nq96tevn+rq6q5o/3PnziktLU3PPffcRc916dIl0OMCsBhxAyCkffPNNyorK9Pq1at1xx13SJJ2797tf75nz57661//qtraWjkcDknSvn37Ghzj1ltv1euvv66EhAS1acN/9gDTcVkKQEiLiopSx44dtWrVKh05ckQ7duxQZmam//kJEybI6/Xqscce06FDh7R161YtWbJEkmSz2SRJU6dO1enTpzV+/Hjt27dPn332mbZu3aqMjAzV19db8r4AtBziBkBIs9vt2rBhg4qLi9WvXz/NnDlTzz//vP95p9Opt99+W6WlpUpKStKcOXOUnZ0tSf77cGJjY/XBBx+ovr5eI0eOVP/+/TVjxgx16NBBdjv/GQRMw6elABjnb3/7mzIyMlRdXa3rrrvO6nEABBkXnwG0eq+88ooSExMVFxenjz76SLNmzdLYsWMJG+AaRdwAaPUqKiqUnZ2tiooKdenSRb/4xS/07LPPWj0WAItwWQoAABiFO+kAAIBRiBsAAGAU4gYAABiFuAEAAEYhbgAAgFGIGwAAYBTiBgAAGIW4AQAARiFuAACAUf4X1+S0LQ6yVMcAAAAASUVORK5CYII=",
-      "text/plain": [
-       "<Figure size 640x480 with 1 Axes>"
-      ]
-     },
-     "metadata": {},
-     "output_type": "display_data"
-    }
-   ],
-   "source": [
-    "%sqlplot bar -t joe -c age"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 9,
-   "id": "8de8bb0e-061c-4562-a489-a0f4e23fa88e",
-   "metadata": {
-    "execution": {
-     "iopub.execute_input": "2023-07-14T15:58:54.380234Z",
-     "iopub.status.busy": "2023-07-14T15:58:54.378248Z",
-     "iopub.status.idle": "2023-07-14T15:58:54.880423Z",
-     "shell.execute_reply": "2023-07-14T15:58:54.879436Z",
-     "shell.execute_reply.started": "2023-07-14T15:58:54.380202Z"
-    }
-   },
-   "outputs": [
-    {
-     "data": {
-      "text/html": [
-       "<table>\n",
-       "    <thead>\n",
-       "        <tr>\n",
-       "            <th>Count</th>\n",
-       "        </tr>\n",
-       "    </thead>\n",
-       "    <tbody>\n",
-       "        <tr>\n",
-       "            <td>1</td>\n",
-       "        </tr>\n",
-       "    </tbody>\n",
-       "</table>\n",
-       "<span style='font-style:italic;font-size:11px'><code>ResultSet</code> : to convert to pandas, call <a href='https://jupysql.ploomber.io/en/latest/integrations/pandas.html'><code>.DataFrame()</code></a> or to polars, call <a href='https://jupysql.ploomber.io/en/latest/integrations/polars.html'><code>.PolarsDataFrame()</code></a></span><br>"
-      ],
-      "text/plain": [
-       "+-------+\n",
-       "| Count |\n",
-       "+-------+\n",
-       "|   1   |\n",
-       "+-------+"
-      ]
-     },
-     "execution_count": 9,
-     "metadata": {},
-     "output_type": "execute_result"
-    }
-   ],
-   "source": [
-    "%%sql duckdb://\n",
-    "CREATE TABLE people (name varchar(50), number int, country varchar(50));\n",
-    "INSERT INTO people VALUES ('joe', 82, 'usa');\n",
-    "INSERT INTO people VALUES ('paula', 93, 'uk');\n",
-    "INSERT INTO people VALUES ('sam', 77, 'canada');\n",
-    "INSERT INTO people VALUES ('emily', 65, 'usa');\n",
-    "INSERT INTO people VALUES ('michael', 89, 'usa');\n",
-    "INSERT INTO people VALUES ('sarah', 81, 'uk');\n",
-    "INSERT INTO people VALUES ('james', 76, 'usa');\n",
-    "INSERT INTO people VALUES ('angela', 88, 'usa');\n",
-    "INSERT INTO people VALUES ('robert', 82, 'usa');\n",
-    "INSERT INTO people VALUES ('lisa', 92, 'uk');\n",
-    "INSERT INTO people VALUES ('mark', 77, 'usa');\n",
-    "INSERT INTO people VALUES ('jennifer', 68, 'australia');"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 10,
-   "id": "64236d89-d7f0-4ad3-a062-06fa6d3a5cd5",
-   "metadata": {
-    "execution": {
-     "iopub.execute_input": "2023-07-14T15:59:05.320367Z",
-     "iopub.status.busy": "2023-07-14T15:59:05.319836Z",
-     "iopub.status.idle": "2023-07-14T15:59:05.463663Z",
-     "shell.execute_reply": "2023-07-14T15:59:05.463156Z",
-     "shell.execute_reply.started": "2023-07-14T15:59:05.320334Z"
-    }
-   },
-   "outputs": [
-    {
-     "data": {
-      "text/html": [
-       "<span style=\"None\">Running query in &#x27;duckdb://&#x27;</span>"
-      ],
-      "text/plain": [
-       "Running query in 'duckdb://'"
-      ]
-     },
-     "metadata": {},
-     "output_type": "display_data"
-    },
-    {
-     "data": {
-      "text/html": [
-       "<table>\n",
-       "    <thead>\n",
-       "        <tr>\n",
-       "            <th>name</th>\n",
-       "            <th>number</th>\n",
-       "            <th>country</th>\n",
-       "        </tr>\n",
-       "    </thead>\n",
-       "    <tbody>\n",
-       "        <tr>\n",
-       "            <td>joe</td>\n",
-       "            <td>82</td>\n",
-       "            <td>usa</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>emily</td>\n",
-       "            <td>65</td>\n",
-       "            <td>usa</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>michael</td>\n",
-       "            <td>89</td>\n",
-       "            <td>usa</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>james</td>\n",
-       "            <td>76</td>\n",
-       "            <td>usa</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>angela</td>\n",
-       "            <td>88</td>\n",
-       "            <td>usa</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>robert</td>\n",
-       "            <td>82</td>\n",
-       "            <td>usa</td>\n",
-       "        </tr>\n",
-       "        <tr>\n",
-       "            <td>mark</td>\n",
-       "            <td>77</td>\n",
-       "            <td>usa</td>\n",
-       "        </tr>\n",
-       "    </tbody>\n",
-       "</table>\n",
-       "<span style='font-style:italic;font-size:11px'><code>ResultSet</code> : to convert to pandas, call <a href='https://jupysql.ploomber.io/en/latest/integrations/pandas.html'><code>.DataFrame()</code></a> or to polars, call <a href='https://jupysql.ploomber.io/en/latest/integrations/polars.html'><code>.PolarsDataFrame()</code></a></span><br>"
-      ],
-      "text/plain": [
-       "+---------+--------+---------+\n",
-       "|   name  | number | country |\n",
-       "+---------+--------+---------+\n",
-       "|   joe   |   82   |   usa   |\n",
-       "|  emily  |   65   |   usa   |\n",
-       "| michael |   89   |   usa   |\n",
-       "|  james  |   76   |   usa   |\n",
-       "|  angela |   88   |   usa   |\n",
-       "|  robert |   82   |   usa   |\n",
-       "|   mark  |   77   |   usa   |\n",
-       "+---------+--------+---------+"
-      ]
-     },
-     "execution_count": 10,
-     "metadata": {},
-     "output_type": "execute_result"
-    }
-   ],
-   "source": [
-    "%%sql --save citizen\n",
-    "select * from people where country = 'usa'"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 11,
-   "id": "a762c8c7-c331-4715-a846-d71b8f086864",
-   "metadata": {
-    "execution": {
-     "iopub.execute_input": "2023-07-14T15:59:16.778842Z",
-     "iopub.status.busy": "2023-07-14T15:59:16.778418Z",
-     "iopub.status.idle": "2023-07-14T15:59:16.981364Z",
-     "shell.execute_reply": "2023-07-14T15:59:16.980877Z",
-     "shell.execute_reply.started": "2023-07-14T15:59:16.778817Z"
-    }
-   },
-   "outputs": [
-    {
-     "name": "stdout",
-     "output_type": "stream",
-     "text": [
-      "Exploring using saved snippet : citizen\n"
-     ]
-    },
-    {
-     "data": {
-      "text/html": [
-       "\n",
-       "    <style>.sort-button {\n",
-       "    background: none;\n",
-       "    border: none;\n",
-       "}\n",
-       "\n",
-       ".sort-button.selected {\n",
-       "    background: #efefef;\n",
-       "    border: 1px solid #767676;\n",
-       "}\n",
-       "\n",
-       ".pages-buttons button.selected {\n",
-       "    background: #efefef;\n",
-       "    border: 1px solid #767676;\n",
-       "    border-radius: 2px;\n",
-       "}\n",
-       ".pages-buttons button {\n",
-       "    background: none;\n",
-       "    border: none;\n",
-       "    padding: 0 10px;\n",
-       "}\n",
-       ".jupysql-table-widget {\n",
-       "    display: inline;\n",
-       "}</style>\n",
-       "    \n",
-       "            <div id=\"tableContainer_1689350356\" class=\"table-container\"></div>\n",
-       "            \n",
-       "    <script>function isJupyterNotebook() {\n",
-       "    return window[\"Jupyter\"];\n",
-       "}\n",
-       "\n",
-       "function getTable(element) {\n",
-       "    let table;\n",
-       "    if (element) {\n",
-       "        const tableContainer = element.closest(\".table-container\");\n",
-       "        table = tableContainer.querySelector(\"table\");\n",
-       "    } else {\n",
-       "        const _isJupyterNotebook = isJupyterNotebook();\n",
-       "        if (_isJupyterNotebook) {\n",
-       "            table = document.querySelector(\".selected .table-container table\");\n",
-       "        } else {\n",
-       "            table = document.querySelector(\".jp-Cell.jp-mod-active .table-container table\");\n",
-       "        }\n",
-       "    }\n",
-       "\n",
-       "    return table;\n",
-       "}\n",
-       "\n",
-       "function getSortDetails() {\n",
-       "    let sort = undefined;\n",
-       "\n",
-       "    const table = getTable();\n",
-       "    if (table) {\n",
-       "        const column = table.getAttribute(\"sort-by-column\");\n",
-       "        const order = table.getAttribute(\"sort-by-order\");\n",
-       "\n",
-       "        if (column && order) {\n",
-       "            sort = {\n",
-       "                \"column\" : column,\n",
-       "                \"order\" : order\n",
-       "            }\n",
-       "        }\n",
-       "    }\n",
-       "\n",
-       "    return sort;\n",
-       "}\n",
-       "\n",
-       "function sortColumnClick(element, column, order, callback) {\n",
-       "    // fetch data with sort logic\n",
-       "    const table = getTable(element);\n",
-       "    table.setAttribute(\"sort-by-column\", column);\n",
-       "    table.setAttribute(\"sort-by-order\", order);\n",
-       "    const rowsPerPage = table.getAttribute(\"rows-per-page\");\n",
-       "    const currrPage = table.getAttribute(\"curr-page-idx\");\n",
-       "\n",
-       "    const sort = {\n",
-       "        'column' : column,\n",
-       "        'order' : order\n",
-       "    }\n",
-       "\n",
-       "    const fetchParameters = {\n",
-       "        rowsPerPage : parseInt(rowsPerPage),\n",
-       "        page : parseInt(currrPage),\n",
-       "        sort : sort,\n",
-       "        table : table.getAttribute(\"table-name\")\n",
-       "    }\n",
-       "\n",
-       "    fetchTableData(fetchParameters, callback)\n",
-       "}\n",
-       "\n",
-       "function fetchTableData(fetchParameters, callback) {\n",
-       "    \n",
-       "    sendObject = {\n",
-       "        'nRows' : fetchParameters.rowsPerPage,\n",
-       "        'page': fetchParameters.page,\n",
-       "        'table' : fetchParameters.table\n",
-       "    }\n",
-       "\n",
-       "    if (fetchParameters.sort) {\n",
-       "        sendObject.sort = fetchParameters.sort\n",
-       "    }\n",
-       "\n",
-       "    const _isJupyterNotebook = isJupyterNotebook();\n",
-       "\n",
-       "\n",
-       "    if (_isJupyterNotebook) {\n",
-       "        // for Jupyter Notebook\n",
-       "        const comm =\n",
-       "        Jupyter.notebook.kernel.comm_manager.new_comm('comm_target_handle_table_widget', {})\n",
-       "        comm.send(sendObject)\n",
-       "        comm.on_msg(function(msg) {\n",
-       "            const rows = JSON.parse(msg.content.data['rows']);\n",
-       "            if (callback) {\n",
-       "                callback(rows)\n",
-       "            }\n",
-       "        });\n",
-       "    } else{\n",
-       "        // for JupyterLab\n",
-       "        dispatchEventToKernel(sendObject)\n",
-       "\n",
-       "        const controller = new AbortController();\n",
-       "    \n",
-       "        document.addEventListener('onTableWidgetRowsReady', (customEvent) => {\n",
-       "            const rows = JSON.parse(customEvent.detail.data.rows)\n",
-       "            controller.abort()\n",
-       "            if (callback) {\n",
-       "                callback(rows)\n",
-       "            }\n",
-       "        }, {signal: controller.signal})\n",
-       "    }\n",
-       "\n",
-       "\n",
-       "}\n",
-       "\n",
-       "\n",
-       "function dispatchEventToKernel(data) {\n",
-       "    let customEvent = new CustomEvent('onUpdateTableWidget', {\n",
-       "    bubbles: true,\n",
-       "    cancelable: true,\n",
-       "    composed: false,\n",
-       "    detail : {\n",
-       "        data : data\n",
-       "    }\n",
-       "    });\n",
-       "    document.body.dispatchEvent(customEvent)\n",
-       "}         \n",
-       "\n",
-       "function handleRowsNumberOfRowsChange(e) {\n",
-       "    const rowsPerPage = parseInt(e.value);\n",
-       "    let table = getTable();\n",
-       "    table.setAttribute('rows-per-page', rowsPerPage);\n",
-       "\n",
-       "    const nTotal = table.getAttribute('n-total');\n",
-       "\n",
-       "    const maxPages = Math.ceil(nTotal / rowsPerPage)\n",
-       "    table.setAttribute('max-pages', maxPages);\n",
-       "\n",
-       "    const fetchParameters = {\n",
-       "        rowsPerPage : rowsPerPage,\n",
-       "        page : 0,\n",
-       "        sort : getSortDetails(),\n",
-       "        table : table.getAttribute(\"table-name\")\n",
-       "    }\n",
-       "\n",
-       "    setTimeout(() => {\n",
-       "        fetchTableData(fetchParameters, (rows) => {\n",
-       "            updateTable(rows);\n",
-       "        })\n",
-       "    }, 100);\n",
-       "}\n",
-       "\n",
-       "function updateTable(rows, currPage, tableToUpdate) {\n",
-       "    const table = tableToUpdate || getTable();\n",
-       "    const trs = table.querySelectorAll(\"tbody tr\");\n",
-       "    const tbody = table.querySelector(\"tbody\");\n",
-       "    tbody.innerHTML = \"\";\n",
-       "\n",
-       "    const _html = createTableRows(rows)\n",
-       "\n",
-       "    tbody.innerHTML = _html\n",
-       "\n",
-       "    setTimeout(() => {\n",
-       "        updatePaginationBar(table, currPage || 0)\n",
-       "    }, 100)\n",
-       "}\n",
-       "\n",
-       "function createTableRows(rows) {\n",
-       "    const _html = rows.map(function(row) {\n",
-       "        const tds =\n",
-       "        Object.keys(row).map(function(key) {\n",
-       "\n",
-       "            return \"<td>\" + row[key] + \"</td>\"\n",
-       "        }).join(\"\") ;\n",
-       "        return \"<tr>\" + tds + \"</tr>\";\n",
-       "    }).join(\"\");\n",
-       "\n",
-       "    return _html\n",
-       "}\n",
-       "\n",
-       "function showTablePage(page, rowsPerPage, data) {\n",
-       "    const table = getTable();\n",
-       "    const trs = table.querySelectorAll(\"tbody tr\");\n",
-       "    const tbody = table.querySelector(\"tbody\");\n",
-       "    tbody.innerHTML = \"\";\n",
-       "\n",
-       "    const rows = data;\n",
-       "    const startIndex = page * rowsPerPage;\n",
-       "    const endIndex = startIndex + rowsPerPage;\n",
-       "    const _html = rows.map(row => {\n",
-       "        const tds =\n",
-       "        Object.keys(row).map(key => `<td>${row[key]}</td>`).join(\"\");\n",
-       "        return `<tr>${tds}</tr>`;\n",
-       "    }).join(\"\");\n",
-       "\n",
-       "    tbody.innerHTML = _html;\n",
-       "\n",
-       "    table.setAttribute(\"curr-page-idx\", page);\n",
-       "    updatePaginationBar(table, page);\n",
-       "}\n",
-       "\n",
-       "function nextPageClick(element) {\n",
-       "    const table = getTable(element);\n",
-       "    const currPageIndex = parseInt(table.getAttribute(\"curr-page-idx\"));\n",
-       "    const rowsPerPage = parseInt(table.getAttribute(\"rows-per-page\"));\n",
-       "    const maxPages = parseInt(table.getAttribute(\"max-pages\"));\n",
-       "\n",
-       "    const nextPage = currPageIndex + 1;\n",
-       "    if (nextPage < maxPages) {\n",
-       "        const fetchParameters = {\n",
-       "            rowsPerPage : rowsPerPage,\n",
-       "            page : nextPage,\n",
-       "            sort : getSortDetails(),\n",
-       "            table : table.getAttribute(\"table-name\")\n",
-       "        }\n",
-       "\n",
-       "        fetchTableData(fetchParameters, (rows) => {\n",
-       "            showTablePage(nextPage, rowsPerPage, rows)\n",
-       "        });\n",
-       "    }\n",
-       "\n",
-       "}\n",
-       "\n",
-       "function prevPageClick() {\n",
-       "    const table = getTable();\n",
-       "    const currPageIndex = parseInt(table.getAttribute(\"curr-page-idx\"));\n",
-       "    const rowsPerPage = parseInt(table.getAttribute(\"rows-per-page\"));\n",
-       "    const prevPage = currPageIndex - 1;\n",
-       "    if (prevPage >= 0) {\n",
-       "        const fetchParameters = {\n",
-       "            rowsPerPage : rowsPerPage,\n",
-       "            page : prevPage,\n",
-       "            sort : getSortDetails(),\n",
-       "            table : table.getAttribute(\"table-name\")\n",
-       "        }\n",
-       "\n",
-       "        fetchTableData(fetchParameters, (rows) => {\n",
-       "            showTablePage(prevPage, rowsPerPage, rows)\n",
-       "        });\n",
-       "    }\n",
-       "}\n",
-       "\n",
-       "function setPageButton(table, label, navigateTo, isSelected) {\n",
-       "    const rowsPerPage = parseInt(table.getAttribute(\"rows-per-page\"));\n",
-       "    const selected = isSelected ? \"selected\" : \"\";\n",
-       "\n",
-       "    const button = `\n",
-       "    <button class=\"${selected}\"\n",
-       "            onclick=\"\n",
-       "            fetchTableData({\n",
-       "                rowsPerPage : ${rowsPerPage},\n",
-       "                page : ${navigateTo},\n",
-       "                sort : getSortDetails(),\n",
-       "                table : getTable(this).getAttribute('table-name')\n",
-       "            },\n",
-       "            (rows) => {\n",
-       "                showTablePage(${navigateTo}, ${rowsPerPage}, rows);\n",
-       "                })\"\n",
-       "    >\n",
-       "        ${label}\n",
-       "    </button>\n",
-       "    `\n",
-       "    return button;\n",
-       "}\n",
-       "\n",
-       "function updatePaginationBar(table, currPage) {\n",
-       "    const maxPages = parseInt(table.getAttribute(\"max-pages\"));\n",
-       "    const maxPagesInRow = 6;\n",
-       "    const rowsPerPage = parseInt(table.getAttribute(\"rows-per-page\"));\n",
-       "    table.setAttribute(\"curr-page-idx\", currPage);\n",
-       "\n",
-       "    let buttonsArray = []\n",
-       "\n",
-       "    let startEllipsisAdded = false\n",
-       "    let endEllipsisAdded = false\n",
-       "\n",
-       "    // add first\n",
-       "    let selected = currPage === 0;\n",
-       "    buttonsArray.push(setPageButton(table, \"1\", 0, selected));\n",
-       "\n",
-       "    for (i = 1; i < maxPages - 1; i++) {\n",
-       "        const navigateTo = i;\n",
-       "        const label = i + 1;\n",
-       "        selected = currPage === i;\n",
-       "        const inStartRange = currPage < maxPagesInRow;\n",
-       "        const inEndRange = maxPages - 1 - currPage < maxPagesInRow;\n",
-       "\n",
-       "        if (inStartRange) {\n",
-       "            if (i < maxPagesInRow) {\n",
-       "                buttonsArray\n",
-       "                .push(setPageButton(table, label, navigateTo, selected));\n",
-       "            } else {\n",
-       "            if (!startEllipsisAdded) {\n",
-       "                buttonsArray.push(\"...\");\n",
-       "                startEllipsisAdded = true;\n",
-       "            }\n",
-       "            }\n",
-       "        } else if (inEndRange) {\n",
-       "            if (maxPages - 1 - i < maxPagesInRow) {\n",
-       "                buttonsArray\n",
-       "                .push(setPageButton(table, label, navigateTo, selected));\n",
-       "            } else {\n",
-       "            if (!endEllipsisAdded) {\n",
-       "                buttonsArray.push(\"...\");\n",
-       "                endEllipsisAdded = true;\n",
-       "            }\n",
-       "            }\n",
-       "        }\n",
-       "\n",
-       "        if (!inStartRange && !inEndRange) {\n",
-       "            if (currPage === i-2) {\n",
-       "                buttonsArray.push(\"...\");\n",
-       "            }\n",
-       "            if (\n",
-       "                currPage === i - 1 ||\n",
-       "                currPage === i ||\n",
-       "                currPage === i + 1\n",
-       "            ) {\n",
-       "                buttonsArray\n",
-       "                .push(setPageButton(table, label, navigateTo, selected))\n",
-       "            }\n",
-       "\n",
-       "            if (currPage === i+2) {\n",
-       "                buttonsArray.push(\"...\");\n",
-       "            }\n",
-       "\n",
-       "        }\n",
-       "    }\n",
-       "\n",
-       "    selected = currPage === maxPages - 1 ? \"selected\" : \"\";\n",
-       "\n",
-       "    buttonsArray.\n",
-       "    push(setPageButton(table, maxPages, maxPages - 1, selected))\n",
-       "\n",
-       "    const buttonsHtml = buttonsArray.join(\"\");\n",
-       "    table.parentNode\n",
-       "    .querySelector(\".pages-buttons\").innerHTML = buttonsHtml;\n",
-       "}\n",
-       "\n",
-       "function removeSelectionFromAllSortButtons() {\n",
-       "    document.querySelectorAll(\".sort-button\")\n",
-       "    .forEach(el => el.classList.remove(\"selected\"))\n",
-       "}\n",
-       "\n",
-       "function initTable() {\n",
-       "    // template variables we should pass\n",
-       "    const initialRows = [\n",
-       "    {\n",
-       "        \"country\": \"usa\",\n",
-       "        \"name\": \"joe\",\n",
-       "        \"number\": 82\n",
-       "    },\n",
-       "    {\n",
-       "        \"country\": \"usa\",\n",
-       "        \"name\": \"emily\",\n",
-       "        \"number\": 65\n",
-       "    },\n",
-       "    {\n",
-       "        \"country\": \"usa\",\n",
-       "        \"name\": \"michael\",\n",
-       "        \"number\": 89\n",
-       "    },\n",
-       "    {\n",
-       "        \"country\": \"usa\",\n",
-       "        \"name\": \"james\",\n",
-       "        \"number\": 76\n",
-       "    },\n",
-       "    {\n",
-       "        \"country\": \"usa\",\n",
-       "        \"name\": \"angela\",\n",
-       "        \"number\": 88\n",
-       "    },\n",
-       "    {\n",
-       "        \"country\": \"usa\",\n",
-       "        \"name\": \"robert\",\n",
-       "        \"number\": 82\n",
-       "    },\n",
-       "    {\n",
-       "        \"country\": \"usa\",\n",
-       "        \"name\": \"mark\",\n",
-       "        \"number\": 77\n",
-       "    }\n",
-       "];\n",
-       "    const columns = ['name', 'number', 'country'];\n",
-       "    const rowsPerPage=10;\n",
-       "    const nPages=1;\n",
-       "    const nTotal=7;\n",
-       "    const tableName=\"citizen\";\n",
-       "    const tableContainerId = \"tableContainer_1689350356\";\n",
-       "    const options = [10, 25, 50, 100];\n",
-       "    options_html =\n",
-       "    options.map(option => `<option value=${option}>${option}</option>`);\n",
-       "\n",
-       "\n",
-       "    let ths_ = columns.map(col => `<th>${col}</th>`).join(\"\");\n",
-       "\n",
-       "    let table = `\n",
-       "    <div>\n",
-       "        <span style=\"margin-right: 5px\">Show</span>\n",
-       "        <select\n",
-       "        onchange=\"handleRowsNumberOfRowsChange(this)\">\n",
-       "            ${options_html}\n",
-       "        </select>\n",
-       "        <span style=\"margin-left: 5px\">entries</span>\n",
-       "    </div>\n",
-       "\n",
-       "    <table\n",
-       "        class=\"jupysql-table-widget\"\n",
-       "        style='width:100%'\n",
-       "        curr-page-idx=0\n",
-       "        rows-per-page=${rowsPerPage}\n",
-       "        max-pages = ${nPages}\n",
-       "        n-total=${nTotal}\n",
-       "        table-name=${tableName}\n",
-       "    >\n",
-       "        <thead>\n",
-       "            <tr>\n",
-       "                ${ths_}\n",
-       "            </tr>\n",
-       "        </thead>\n",
-       "\n",
-       "        <tbody>\n",
-       "        </tbody>\n",
-       "    </table>\n",
-       "\n",
-       "\n",
-       "    <div style=\"padding-bottom: 20px;\">\n",
-       "        <button onclick=\"prevPageClick(this)\">Previous</button>\n",
-       "        <div\n",
-       "            id = \"pagesButtons\"\n",
-       "            class = \"pages-buttons\"\n",
-       "            style = \"display: inline-flex\">\n",
-       "        </div>\n",
-       "        <button onclick=\"nextPageClick(this)\">Next</button>\n",
-       "    </div>\n",
-       "    `\n",
-       "\n",
-       "    let tableContainer = document.querySelector(`#${tableContainerId}`);\n",
-       "\n",
-       "    tableContainer.innerHTML = table\n",
-       "\n",
-       "    if (initialRows) {\n",
-       "        initializeTableRows(tableContainer, rowsPerPage, initialRows)\n",
-       "\n",
-       "    } else {\n",
-       "        setTimeout(() => {\n",
-       "            const fetchParameters = {\n",
-       "                rowsPerPage : rowsPerPage,\n",
-       "                page : 0,\n",
-       "                sort : getSortDetails(),\n",
-       "                table : tableName\n",
-       "            }\n",
-       "\n",
-       "            fetchTableData(fetchParameters, (rows) => {\n",
-       "                initializeTableRows(tableContainer, rowsPerPage, rows)\n",
-       "            })\n",
-       "        }, 100);\n",
-       "    }\n",
-       "    \n",
-       "}\n",
-       "\n",
-       "function initializeTableRows(tableContainer, rowsPerPage, rows) {\n",
-       "    updateTable(rows, 0,\n",
-       "        tableContainer.querySelector(\"table\"));\n",
-       "    // update ths_ to make sure order columns\n",
-       "    // are matching the data\n",
-       "    if (rows.length > 0) {\n",
-       "        let row = rows[0];\n",
-       "        let ths_ =\n",
-       "        Object.keys(row).map(col =>\n",
-       "        `<th>\n",
-       "            <div style=\"display: inline-flex; height: 40px\">\n",
-       "                <span style=\"line-height: 40px\">${col}</span>\n",
-       "                <span style=\"width: 40px;\">\n",
-       "                    <button\n",
-       "                        class = \"sort-button\"\n",
-       "                        onclick='sortColumnClick(this,\n",
-       "                        \"${col}\", \"ASC\",\n",
-       "                        (rows) => {\n",
-       "                            const table = getTable(this);\n",
-       "                            const currPage =\n",
-       "                            parseInt(table.getAttribute(\"curr-page-idx\"));\n",
-       "                            updateTable(rows, currPage);\n",
-       "                            removeSelectionFromAllSortButtons()\n",
-       "                            this.className += \" selected\"\n",
-       "                            }\n",
-       "                        )'\n",
-       "                        title=\"Sort\"\n",
-       "                        >▴\n",
-       "                    </button>\n",
-       "                    <button\n",
-       "                        class = \"sort-button\"\n",
-       "                        onclick='sortColumnClick(this,\n",
-       "                        \"${col}\", \"DESC\",\n",
-       "                        (rows) => {\n",
-       "                            const table = getTable(this);\n",
-       "                            const currPage = parseInt(\n",
-       "                                table.getAttribute(\"curr-page-idx\"));\n",
-       "                            updateTable(rows, currPage);\n",
-       "                            removeSelectionFromAllSortButtons()\n",
-       "                            this.className += \" selected\"\n",
-       "                            }\n",
-       "                        )'\n",
-       "                        title=\"Sort\"\n",
-       "                        >▾\n",
-       "                    </button>\n",
-       "                </span>\n",
-       "            </div>\n",
-       "\n",
-       "            </th>`).join(\"\");\n",
-       "        let thead = tableContainer.querySelector(\"thead\")\n",
-       "        thead.innerHTML = ths_\n",
-       "    }\n",
-       "}\n",
-       "\n",
-       "initTable()</script>\n",
-       "    "
-      ],
-      "text/plain": [
-       "<sql.widgets.table_widget.table_widget.TableWidget at 0x121dce4a0>"
-      ]
-     },
-     "metadata": {},
-     "output_type": "display_data"
-    }
-   ],
-   "source": [
-    "%sqlcmd explore -t citizen"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "id": "8ee5fa89-40f6-4349-958d-526c023bdb09",
-   "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.10.12"
-  }
- },
- "nbformat": 4,
- "nbformat_minor": 5
-}