notebooks/imdb.ipynb

{
 "cells": [
  {
   "metadata": {
    "ExecuteTime": {
     "end_time": "2024-03-25T15:58:40.085023800Z",
     "start_time": "2024-03-25T15:58:39.481638700Z"
    }
   },
   "cell_type": "code",
   "source": [
    "USE {\n",
    "    dependencies(\"org.mariadb.jdbc:mariadb-java-client:3.1.4\")\n",
    "}"
   ],
   "outputs": [],
   "execution_count": 5
  },
  {
   "metadata": {
    "ExecuteTime": {
     "end_time": "2024-03-25T15:58:48.248747200Z",
     "start_time": "2024-03-25T15:58:40.094999200Z"
    }
   },
   "cell_type": "code",
   "source": "%use dataframe, kandy",
   "outputs": [],
   "execution_count": 6
  },
  {
   "metadata": {
    "ExecuteTime": {
     "end_time": "2024-03-25T15:58:48.396541400Z",
     "start_time": "2024-03-25T15:58:48.256723300Z"
    }
   },
   "cell_type": "code",
   "source": [
    "import org.jetbrains.kotlinx.dataframe.DataFrame\n",
    "import org.jetbrains.kotlinx.dataframe.api.describe\n",
    "import org.jetbrains.kotlinx.dataframe.api.print\n",
    "import org.jetbrains.kotlinx.dataframe.io.DatabaseConfiguration\n",
    "import org.jetbrains.kotlinx.dataframe.io.getSchemaForSqlTable\n",
    "import org.jetbrains.kotlinx.dataframe.io.readSqlTable\n",
    "import org.jetbrains.kotlinx.dataframe.io.getSchemaForAllSqlTables\n",
    "import org.jetbrains.kotlinx.dataframe.schema.DataFrameSchema\n",
    "import java.sql.DriverManager\n",
    "import java.util.*\n"
   ],
   "outputs": [],
   "execution_count": 7
  },
  {
   "cell_type": "markdown",
   "source": [
    "**The IMDB Database Exploration: printing schemas for all non-system tables**"
   ],
   "metadata": {
    "collapsed": false
   }
  },
  {
   "cell_type": "code",
   "source": [
    "val URL = \"jdbc:mariadb://localhost:3307/imdb\"\n",
    "val USER_NAME = \"root\"\n",
    "val PASSWORD = \"pass\"\n",
    "\n",
    "val dbConfig = DatabaseConfiguration(URL, USER_NAME, PASSWORD)\n",
    "\n",
    "val dataschemas = DataFrame.getSchemaForAllSqlTables(dbConfig)\n",
    "\n",
    "dataschemas.forEach { \n",
    "    println(\"---Yet another table schema---\")\n",
    "    println(it)\n",
    "    println()\n",
    "}"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:58:50.320926400Z",
     "start_time": "2024-03-25T15:58:48.406706100Z"
    }
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "---Yet another table schema---\r\n",
      "id: Int\n",
      "first_name: String?\n",
      "last_name: String?\n",
      "gender: Char?\r\n",
      "\r\n",
      "---Yet another table schema---\r\n",
      "id: Int\n",
      "first_name: String?\n",
      "last_name: String?\r\n",
      "\r\n",
      "---Yet another table schema---\r\n",
      "director_id: Int\n",
      "genre: String\n",
      "prob: Float?\r\n",
      "\r\n",
      "---Yet another table schema---\r\n",
      "id: Int\n",
      "name: String?\n",
      "year: Int?\n",
      "rank: Float?\r\n",
      "\r\n",
      "---Yet another table schema---\r\n",
      "director_id: Int\n",
      "movie_id: Int\r\n",
      "\r\n",
      "---Yet another table schema---\r\n",
      "movie_id: Int\n",
      "genre: String\r\n",
      "\r\n",
      "---Yet another table schema---\r\n",
      "actor_id: Int\n",
      "movie_id: Int\n",
      "role: String\r\n",
      "\r\n"
     ]
    }
   ],
   "execution_count": 8
  },
  {
   "cell_type": "markdown",
   "source": [
    "**The IMDB Data Quick Exploration: printing 100 rows from each non-system table**"
   ],
   "metadata": {
    "collapsed": false
   }
  },
  {
   "cell_type": "code",
   "source": [
    "val dfs = DataFrame.readAllSqlTables(dbConfig, limit = 100)\n",
    "\n",
    "dfs.forEach {\n",
    "    it.describe().print()\n",
    "    it.print(5)\n",
    "}"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:58:52.840668900Z",
     "start_time": "2024-03-25T15:58:50.328181600Z"
    }
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "         name    type count unique nulls     top freq  mean       std         min  median         max\n",
      " 0         id     Int   100    100     0       2    1 53,37 30,245679           2      54         106\n",
      " 1 first_name String?   100     93     0 Antonio    3  null      null       Ahmed Krishna Yussuf Abed\n",
      " 2  last_name String?   100     81     0      A.    5  null      null 'Chincheta'      A.    a'Hiller\n",
      " 3     gender   Char?   100      1     0       M  100  null      null           M       M           M\n",
      "\r\n",
      "   id first_name          last_name gender\n",
      " 0  2    Michael 'babeepower' Viera      M\n",
      " 1  3       Eloy        'Chincheta'      M\n",
      " 2  4   Dieguito        'El Cigala'      M\n",
      " 3  5    Antonio   'El de Chipiona'      M\n",
      " 4  6       José       'El Francés'      M\n",
      "...\n",
      "\r\n",
      "         name    type count unique nulls     top freq  mean       std  min    median      max\n",
      " 0         id     Int   100    100     0       1    1 53,22 30,099022    1        53      104\n",
      " 1 first_name String?   100     97     0 Mohamed    3  null      null A.C.     Lauri     Zaki\n",
      " 2  last_name String?   100     65     0  Abbott   15  null      null    1 Abashidze a'Hiller\n",
      "\r\n",
      "   id first_name   last_name\n",
      " 0  1       Todd           1\n",
      " 1  2        Les 12 Poissons\n",
      " 2  3    Lejaren    a'Hiller\n",
      " 3  4       Nian           A\n",
      " 4  5   Khairiya   A-Mansour\n",
      "...\n",
      "\r\n",
      "          name   type count unique nulls   top freq      mean       std    min median max\n",
      " 0 director_id    Int   100     41     0     8    8 35,340000 17,446148      2     37  61\n",
      " 1       genre String   100     15     0 Drama   21      null      null Action  Drama War\n",
      " 2        prob Float?   100     27     0     1   40  0,623749  0,347447      0      1   1\n",
      "\r\n",
      "   director_id       genre prob\n",
      " 0           2       Short  1,0\n",
      " 1           3       Drama  1,0\n",
      " 2           5 Documentary  1,0\n",
      " 3           6       Drama  1,0\n",
      " 4           6       Short  1,0\n",
      "...\n",
      "\r\n",
      "   name    type count unique nulls           top freq        mean       std  min median         max\n",
      " 0   id     Int   100    100     0             0    1   51,320000 30,230054    0     51         103\n",
      " 1 name String?   100     98     0 $1,000 Reward    3        null      null  #28    'A' 'burbs, The\n",
      " 2 year    Int?   100     48     0          1901    9 1951,500000 41,555488 1897   1955        2004\n",
      " 3 rank  Float?   100     22    74             7    2    6,150000  1,508178    3      6          10\n",
      "\r\n",
      "   id                                name year rank\n",
      " 0  0                                 #28 2002 null\n",
      " 1  1 #7 Train: An Immigrant Journey, The 2000 null\n",
      " 2  2                                   $ 1971  6,4\n",
      " 3  3                       $1,000 Reward 1913 null\n",
      " 4  4                       $1,000 Reward 1915 null\n",
      "...\n",
      "\r\n",
      "          name type count unique nulls    top freq      mean           std  min median    max\n",
      " 0 director_id  Int   100     32     0      8   35     17,41     10,420546    1     14     36\n",
      " 1    movie_id  Int   100    100     0 378879    1 205821,36 113065,703491 1807 209978 398143\n",
      "\r\n",
      "   director_id movie_id\n",
      " 0           1   378879\n",
      " 1           2   281325\n",
      " 2           3    30621\n",
      " 3           3   304743\n",
      " 4           4    60570\n",
      "...\n",
      "\r\n",
      "       name   type count unique nulls   top freq  mean       std    min median     max\n",
      " 0 movie_id    Int   100     62     0    50    4 39,46 23,171482      1     37      77\n",
      " 1    genre String   100     19     0 Short   24  null      null Action  Drama Western\n",
      "\r\n",
      "   movie_id       genre\n",
      " 0        1 Documentary\n",
      " 1        1       Short\n",
      " 2        2      Comedy\n",
      " 3        2       Crime\n",
      " 4        5     Western\n",
      "...\n",
      "\r\n",
      "       name   type count unique nulls     top freq      mean           std min  median        max\n",
      " 0 actor_id    Int   100     38     0      38   17     26,84     10,861590   2      28         41\n",
      " 1 movie_id    Int   100     95     0   12148    3 212441,49 145821,411937 846  221481     411721\n",
      " 2     role String   100     50     0 Himself   19      null          null     Himself Victoriano\n",
      "\r\n",
      "   actor_id movie_id             role\n",
      " 0        2   280088           Stevie\n",
      " 1        2   396232 Various/lyricist\n",
      " 2        3   376687         Gitano 1\n",
      " 3        4   336265        El Cigala\n",
      " 4        5   135644          Himself\n",
      "...\n",
      "\r\n"
     ]
    }
   ],
   "execution_count": 9
  },
  {
   "cell_type": "markdown",
   "source": [
    "**Convert 10000 rows from _actors_ table to the dataframe**"
   ],
   "metadata": {
    "collapsed": false
   }
  },
  {
   "cell_type": "code",
   "source": [
    "val actorDf = DataFrame.readSqlTable(dbConfig, \"actors\", 10000)\n",
    "actorDf"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:58:56.151655600Z",
     "start_time": "2024-03-25T15:58:52.869437600Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <iframe onload=\"o_resize_iframe_out_1()\" style=\"width:100%;\" class=\"result_container\" id=\"iframe_out_1\" frameBorder=\"0\" srcdoc=\"        &lt;html&gt;\n",
       "        &lt;head&gt;\n",
       "            &lt;style type=&quot;text&sol;css&quot;&gt;\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover &gt; td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "&sol;* formatting *&sol;\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       ":root {\n",
       "    --scroll-bg: #f5f5f5;\n",
       "    --scroll-fg: #b3b3b3;\n",
       "}\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;]{\n",
       "    --scroll-bg: #3c3c3c;\n",
       "    --scroll-fg: #97e1fb;\n",
       "}\n",
       "body {\n",
       "    scrollbar-color: var(--scroll-fg) var(--scroll-bg);\n",
       "}\n",
       "body::-webkit-scrollbar {\n",
       "    width: 10px; &sol;* Mostly for vertical scrollbars *&sol;\n",
       "    height: 10px; &sol;* Mostly for horizontal scrollbars *&sol;\n",
       "}\n",
       "body::-webkit-scrollbar-thumb {\n",
       "    background-color: var(--scroll-fg);\n",
       "}\n",
       "body::-webkit-scrollbar-track {\n",
       "    background-color: var(--scroll-bg);\n",
       "}\n",
       "            &lt;&sol;style&gt;\n",
       "        &lt;&sol;head&gt;\n",
       "        &lt;body&gt;\n",
       "            &lt;table class=&quot;dataframe&quot; id=&quot;df_956301312&quot;&gt;&lt;&sol;table&gt;\n",
       "\n",
       "&lt;p class=&quot;dataframe_description&quot;&gt;... showing only top 20 of 10000 rows&lt;&sol;p&gt;&lt;p class=&quot;dataframe_description&quot;&gt;DataFrame: rowsCount = 10000, columnsCount = 4&lt;&sol;p&gt;\n",
       "\n",
       "        &lt;&sol;body&gt;\n",
       "        &lt;script&gt;\n",
       "            (function () {\n",
       "    window.DataFrame = window.DataFrame || new (function () {\n",
       "        this.addTable = function (df) {\n",
       "            let cols = df.cols;\n",
       "            for (let i = 0; i &lt; cols.length; i++) {\n",
       "                for (let c of cols[i].children) {\n",
       "                    cols[c].parent = i;\n",
       "                }\n",
       "            }\n",
       "            df.nrow = 0\n",
       "            for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                if (df.cols[i].values.length &gt; df.nrow) df.nrow = df.cols[i].values.length\n",
       "            }\n",
       "            if (df.id === df.rootId) {\n",
       "                df.expandedFrames = new Set()\n",
       "                df.childFrames = {}\n",
       "                const table = this.getTableElement(df.id)\n",
       "                table.df = df\n",
       "                for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                    let col = df.cols[i]\n",
       "                    if (col.parent === undefined &amp;&amp; col.children.length &gt; 0) col.expanded = true\n",
       "                }\n",
       "            } else {\n",
       "                const rootDf = this.getTableData(df.rootId)\n",
       "                rootDf.childFrames[df.id] = df\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.computeRenderData = function (df) {\n",
       "            let result = []\n",
       "            let pos = 0\n",
       "            for (let col = 0; col &lt; df.cols.length; col++) {\n",
       "                if (df.cols[col].parent === undefined)\n",
       "                    pos += this.computeRenderDataRec(df.cols, col, pos, 0, result, false, false)\n",
       "            }\n",
       "            for (let i = 0; i &lt; result.length; i++) {\n",
       "                let row = result[i]\n",
       "                for (let j = 0; j &lt; row.length; j++) {\n",
       "                    let cell = row[j]\n",
       "                    if (j === 0)\n",
       "                        cell.leftBd = false\n",
       "                    if (j &lt; row.length - 1) {\n",
       "                        let nextData = row[j + 1]\n",
       "                        if (nextData.leftBd) cell.rightBd = true\n",
       "                        else if (cell.rightBd) nextData.leftBd = true\n",
       "                    } else cell.rightBd = false\n",
       "                }\n",
       "            }\n",
       "            return result\n",
       "        }\n",
       "\n",
       "        this.computeRenderDataRec = function (cols, colId, pos, depth, result, leftBorder, rightBorder) {\n",
       "            if (result.length === depth) {\n",
       "                const array = [];\n",
       "                if (pos &gt; 0) {\n",
       "                    let j = 0\n",
       "                    for (let i = 0; j &lt; pos; i++) {\n",
       "                        let c = result[depth - 1][i]\n",
       "                        j += c.span\n",
       "                        let copy = Object.assign({empty: true}, c)\n",
       "                        array.push(copy)\n",
       "                    }\n",
       "                }\n",
       "                result.push(array)\n",
       "            }\n",
       "            const col = cols[colId];\n",
       "            let size = 0;\n",
       "            if (col.expanded) {\n",
       "                let childPos = pos\n",
       "                for (let i = 0; i &lt; col.children.length; i++) {\n",
       "                    let child = col.children[i]\n",
       "                    let childLeft = i === 0 &amp;&amp; (col.children.length &gt; 1 || leftBorder)\n",
       "                    let childRight = i === col.children.length - 1 &amp;&amp; (col.children.length &gt; 1 || rightBorder)\n",
       "                    let childSize = this.computeRenderDataRec(cols, child, childPos, depth + 1, result, childLeft, childRight)\n",
       "                    childPos += childSize\n",
       "                    size += childSize\n",
       "                }\n",
       "            } else {\n",
       "                for (let i = depth + 1; i &lt; result.length; i++)\n",
       "                    result[i].push({id: colId, span: 1, leftBd: leftBorder, rightBd: rightBorder, empty: true})\n",
       "                size = 1\n",
       "            }\n",
       "            let left = leftBorder\n",
       "            let right = rightBorder\n",
       "            if (size &gt; 1) {\n",
       "                left = true\n",
       "                right = true\n",
       "            }\n",
       "            result[depth].push({id: colId, span: size, leftBd: left, rightBd: right})\n",
       "            return size\n",
       "        }\n",
       "\n",
       "        this.getTableElement = function (id) {\n",
       "            return document.getElementById(&quot;df_&quot; + id)\n",
       "        }\n",
       "\n",
       "        this.getTableData = function (id) {\n",
       "            return this.getTableElement(id).df\n",
       "        }\n",
       "\n",
       "        this.createExpander = function (isExpanded) {\n",
       "            const svgNs = &quot;http:&sol;&sol;www.w3.org&sol;2000&sol;svg&quot;\n",
       "            let svg = document.createElementNS(svgNs, &quot;svg&quot;)\n",
       "            svg.classList.add(&quot;expanderSvg&quot;)\n",
       "            let path = document.createElementNS(svgNs, &quot;path&quot;)\n",
       "            if (isExpanded) {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;0 -2 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 4 4 4 -4 -1 -1 -3 3Z&quot;)\n",
       "            } else {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;-2 0 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 3 3 -3 3 1 1 4 -4Z&quot;)\n",
       "            }\n",
       "            path.setAttribute(&quot;fill&quot;, &quot;currentColor&quot;)\n",
       "            svg.appendChild(path)\n",
       "            return svg\n",
       "        }\n",
       "\n",
       "        this.renderTable = function (id) {\n",
       "\n",
       "            let table = this.getTableElement(id)\n",
       "\n",
       "            if (table === null) return\n",
       "\n",
       "            table.innerHTML = &quot;&quot;\n",
       "\n",
       "            let df = table.df\n",
       "            let rootDf = df.rootId === df.id ? df : this.getTableData(df.rootId)\n",
       "\n",
       "            &sol;&sol; header\n",
       "            let header = document.createElement(&quot;thead&quot;)\n",
       "            table.appendChild(header)\n",
       "\n",
       "            let renderData = this.computeRenderData(df)\n",
       "            for (let j = 0; j &lt; renderData.length; j++) {\n",
       "                let rowData = renderData[j]\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                let isLastRow = j === renderData.length - 1\n",
       "                header.appendChild(tr);\n",
       "                for (let i = 0; i &lt; rowData.length; i++) {\n",
       "                    let cell = rowData[i]\n",
       "                    let th = document.createElement(&quot;th&quot;);\n",
       "                    th.setAttribute(&quot;colspan&quot;, cell.span)\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId];\n",
       "                    if (!cell.empty) {\n",
       "                        if (col.children.length === 0) {\n",
       "                            th.innerHTML = col.name\n",
       "                        } else {\n",
       "                            let link = document.createElement(&quot;a&quot;)\n",
       "                            link.className = &quot;expander&quot;\n",
       "                            let that = this\n",
       "                            link.onclick = function () {\n",
       "                                col.expanded = !col.expanded\n",
       "                                that.renderTable(id)\n",
       "                            }\n",
       "                            link.appendChild(this.createExpander(col.expanded))\n",
       "                            link.innerHTML += col.name\n",
       "                            th.appendChild(link)\n",
       "                        }\n",
       "                    }\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (isLastRow)\n",
       "                        classes += &quot; bottomBorder&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        th.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(th)\n",
       "                }\n",
       "            }\n",
       "\n",
       "            &sol;&sol; body\n",
       "            let body = document.createElement(&quot;tbody&quot;)\n",
       "            table.appendChild(body)\n",
       "\n",
       "            let columns = renderData.pop()\n",
       "            for (let row = 0; row &lt; df.nrow; row++) {\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                body.appendChild(tr)\n",
       "                for (let i = 0; i &lt; columns.length; i++) {\n",
       "                    let cell = columns[i]\n",
       "                    let td = document.createElement(&quot;td&quot;);\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId]\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        td.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(td)\n",
       "                    let value = col.values[row]\n",
       "                    if (value.frameId !== undefined) {\n",
       "                        let frameId = value.frameId\n",
       "                        let expanded = rootDf.expandedFrames.has(frameId)\n",
       "                        let link = document.createElement(&quot;a&quot;)\n",
       "                        link.className = &quot;expander&quot;\n",
       "                        let that = this\n",
       "                        link.onclick = function () {\n",
       "                            if (rootDf.expandedFrames.has(frameId))\n",
       "                                rootDf.expandedFrames.delete(frameId)\n",
       "                            else rootDf.expandedFrames.add(frameId)\n",
       "                            that.renderTable(id)\n",
       "                        }\n",
       "                        link.appendChild(this.createExpander(expanded))\n",
       "                        link.innerHTML += value.value\n",
       "                        if (expanded) {\n",
       "                            td.appendChild(link)\n",
       "                            td.appendChild(document.createElement(&quot;p&quot;))\n",
       "                            const childTable = document.createElement(&quot;table&quot;)\n",
       "                            childTable.className = &quot;dataframe&quot;\n",
       "                            childTable.id = &quot;df_&quot; + frameId\n",
       "                            let childDf = rootDf.childFrames[frameId]\n",
       "                            childTable.df = childDf\n",
       "                            td.appendChild(childTable)\n",
       "                            this.renderTable(frameId)\n",
       "                            if (childDf.nrow !== childDf.totalRows) {\n",
       "                                const footer = document.createElement(&quot;p&quot;)\n",
       "                                footer.innerText = `... showing only top ${childDf.nrow} of ${childDf.totalRows} rows`\n",
       "                                td.appendChild(footer)\n",
       "                            }\n",
       "                        } else {\n",
       "                            td.appendChild(link)\n",
       "                        }\n",
       "                    } else if (value.style !== undefined) {\n",
       "                        td.innerHTML = value.value\n",
       "                        td.setAttribute(&quot;style&quot;, value.style)\n",
       "                    } else td.innerHTML = value\n",
       "                    this.nodeScriptReplace(td)\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.nodeScriptReplace = function (node) {\n",
       "            if (this.nodeScriptIs(node) === true) {\n",
       "                node.parentNode.replaceChild(this.nodeScriptClone(node), node);\n",
       "            } else {\n",
       "                let i = -1, children = node.childNodes;\n",
       "                while (++i &lt; children.length) {\n",
       "                    this.nodeScriptReplace(children[i]);\n",
       "                }\n",
       "            }\n",
       "\n",
       "            return node;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptClone = function (node) {\n",
       "            let script = document.createElement(&quot;script&quot;);\n",
       "            script.text = node.innerHTML;\n",
       "\n",
       "            let i = -1, attrs = node.attributes, attr;\n",
       "            while (++i &lt; attrs.length) {\n",
       "                script.setAttribute((attr = attrs[i]).name, attr.value);\n",
       "            }\n",
       "            return script;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptIs = function (node) {\n",
       "            return node.tagName === 'SCRIPT';\n",
       "        }\n",
       "    })()\n",
       "\n",
       "    window.call_DataFrame = function (f) {\n",
       "        return f();\n",
       "    };\n",
       "\n",
       "    let funQueue = window[&quot;kotlinQueues&quot;] &amp;&amp; window[&quot;kotlinQueues&quot;][&quot;DataFrame&quot;];\n",
       "    if (funQueue) {\n",
       "        funQueue.forEach(function (f) {\n",
       "            f();\n",
       "        });\n",
       "        funQueue = [];\n",
       "    }\n",
       "})()\n",
       "\n",
       "&sol;*&lt;!--*&sol;\n",
       "call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: &quot;&lt;span title=&bsol;&quot;id: Int&bsol;&quot;&gt;id&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;2&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;6&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;7&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;8&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;9&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;10&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;11&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;12&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;13&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;14&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;15&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;16&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;17&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;18&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;19&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;20&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;21&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;first_name: String?&bsol;&quot;&gt;first_name&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;Michael&quot;,&quot;Eloy&quot;,&quot;Dieguito&quot;,&quot;Antonio&quot;,&quot;Jos&amp;#233;&quot;,&quot;F&amp;#233;lix&quot;,&quot;Marcial&quot;,&quot;Jos&amp;#233;&quot;,&quot;Francisco&quot;,&quot;V&amp;#237;ctor&quot;,&quot;Antonio&quot;,&quot;Luis&quot;,&quot;Janny&quot;,&quot;Antonio&quot;,&quot;Baltazar&quot;,&quot;Luis Roberto&quot;,&quot;Murray the&quot;,&quot;N&amp;#233;stor&quot;,&quot;Tony&quot;,&quot;Pollino&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;last_name: String?&bsol;&quot;&gt;last_name&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;&amp;#39;babeepower&amp;#39; Viera&quot;,&quot;&amp;#39;Chincheta&amp;#39;&quot;,&quot;&amp;#39;El Cigala&amp;#39;&quot;,&quot;&amp;#39;El de Chipiona&amp;#39;&quot;,&quot;&amp;#39;El Franc&amp;#233;s&amp;#39;&quot;,&quot;&amp;#39;El Gato&amp;#39;&quot;,&quot;&amp;#39;El Jalisco&amp;#39;&quot;,&quot;&amp;#39;El Morito&amp;#39;&quot;,&quot;&amp;#39;El Ni&amp;#241;o de la Manola&amp;#39;&quot;,&quot;&amp;#39;El Payaso&amp;#39;&quot;,&quot;&amp;#39;El Pesca&amp;#237;to&amp;#39;&quot;,&quot;&amp;#39;El Plojo&amp;#39;&quot;,&quot;&amp;#39;el Portugues&amp;#39;&quot;,&quot;&amp;#39;El Rilete&amp;#39;&quot;,&quot;&amp;#39;El Toro&amp;#39;&quot;,&quot;&amp;#39;Formiga&amp;#39;&quot;,&quot;&amp;#39;K&amp;#39;&quot;,&quot;&amp;#39;Kick Boxer&amp;#39;&quot;,&quot;&amp;#39;La Chispa&amp;#39;&quot;,&quot;&amp;#39;Romero&amp;#39;&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;gender: Char?&bsol;&quot;&gt;gender&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;,&quot;M&quot;] }, \n",
       "], id: 956301312, rootId: 956301312, totalRows: 10000 } ) });\n",
       "&sol;*--&gt;*&sol;\n",
       "\n",
       "call_DataFrame(function() { DataFrame.renderTable(956301312) });\n",
       "\n",
       "\n",
       "        &lt;&sol;script&gt;\n",
       "        &lt;&sol;html&gt;\"></iframe>\n",
       "            <script>\n",
       "                function o_resize_iframe_out_1() {\n",
       "                    let elem = document.getElementById(\"iframe_out_1\");\n",
       "                    resize_iframe_out_1(elem);\n",
       "                    setInterval(resize_iframe_out_1, 5000, elem);\n",
       "                }\n",
       "                function resize_iframe_out_1(el) {\n",
       "                    let h = el.contentWindow.document.body.scrollHeight;\n",
       "                    el.height = h === 0 ? 0 : h + 41;\n",
       "                }\n",
       "            </script>        <html>\n",
       "        <head>\n",
       "            <style type=\"text/css\">\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "            </style>\n",
       "        </head>\n",
       "        <body>\n",
       "            <table class=\"dataframe\" id=\"static_df_956301313\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">id</th><th class=\"bottomBorder\" style=\"text-align:left\">first_name</th><th class=\"bottomBorder\" style=\"text-align:left\">last_name</th><th class=\"bottomBorder\" style=\"text-align:left\">gender</th></tr></thead><tbody><tr><td  style=\"vertical-align:top\">2</td><td  style=\"vertical-align:top\">Michael</td><td  style=\"vertical-align:top\">&#39;babeepower&#39; Viera</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">3</td><td  style=\"vertical-align:top\">Eloy</td><td  style=\"vertical-align:top\">&#39;Chincheta&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">4</td><td  style=\"vertical-align:top\">Dieguito</td><td  style=\"vertical-align:top\">&#39;El Cigala&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">5</td><td  style=\"vertical-align:top\">Antonio</td><td  style=\"vertical-align:top\">&#39;El de Chipiona&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">6</td><td  style=\"vertical-align:top\">Jos&#233;</td><td  style=\"vertical-align:top\">&#39;El Franc&#233;s&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">7</td><td  style=\"vertical-align:top\">F&#233;lix</td><td  style=\"vertical-align:top\">&#39;El Gato&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">8</td><td  style=\"vertical-align:top\">Marcial</td><td  style=\"vertical-align:top\">&#39;El Jalisco&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">9</td><td  style=\"vertical-align:top\">Jos&#233;</td><td  style=\"vertical-align:top\">&#39;El Morito&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">10</td><td  style=\"vertical-align:top\">Francisco</td><td  style=\"vertical-align:top\">&#39;El Ni&#241;o de la Manola&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">11</td><td  style=\"vertical-align:top\">V&#237;ctor</td><td  style=\"vertical-align:top\">&#39;El Payaso&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">12</td><td  style=\"vertical-align:top\">Antonio</td><td  style=\"vertical-align:top\">&#39;El Pesca&#237;to&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">13</td><td  style=\"vertical-align:top\">Luis</td><td  style=\"vertical-align:top\">&#39;El Plojo&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">14</td><td  style=\"vertical-align:top\">Janny</td><td  style=\"vertical-align:top\">&#39;el Portugues&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">15</td><td  style=\"vertical-align:top\">Antonio</td><td  style=\"vertical-align:top\">&#39;El Rilete&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">16</td><td  style=\"vertical-align:top\">Baltazar</td><td  style=\"vertical-align:top\">&#39;El Toro&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">17</td><td  style=\"vertical-align:top\">Luis Roberto</td><td  style=\"vertical-align:top\">&#39;Formiga&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">18</td><td  style=\"vertical-align:top\">Murray the</td><td  style=\"vertical-align:top\">&#39;K&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">19</td><td  style=\"vertical-align:top\">N&#233;stor</td><td  style=\"vertical-align:top\">&#39;Kick Boxer&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">20</td><td  style=\"vertical-align:top\">Tony</td><td  style=\"vertical-align:top\">&#39;La Chispa&#39;</td><td  style=\"vertical-align:top\">M</td></tr><tr><td  style=\"vertical-align:top\">21</td><td  style=\"vertical-align:top\">Pollino</td><td  style=\"vertical-align:top\">&#39;Romero&#39;</td><td  style=\"vertical-align:top\">M</td></tr></tbody></table>\n",
       "        </body>\n",
       "        <script>\n",
       "            document.getElementById(\"static_df_956301313\").style.display = \"none\";\n",
       "        </script>\n",
       "        </html>"
      ],
      "application/kotlindataframe+json": "{\"$version\":\"2.0.0\",\"metadata\":{\"columns\":[\"id\",\"first_name\",\"last_name\",\"gender\"],\"nrow\":10000,\"ncol\":4},\"kotlin_dataframe\":[{\"id\":2,\"first_name\":\"Michael\",\"last_name\":\"'babeepower' Viera\",\"gender\":\"M\"},{\"id\":3,\"first_name\":\"Eloy\",\"last_name\":\"'Chincheta'\",\"gender\":\"M\"},{\"id\":4,\"first_name\":\"Dieguito\",\"last_name\":\"'El Cigala'\",\"gender\":\"M\"},{\"id\":5,\"first_name\":\"Antonio\",\"last_name\":\"'El de Chipiona'\",\"gender\":\"M\"},{\"id\":6,\"first_name\":\"José\",\"last_name\":\"'El Francés'\",\"gender\":\"M\"},{\"id\":7,\"first_name\":\"Félix\",\"last_name\":\"'El Gato'\",\"gender\":\"M\"},{\"id\":8,\"first_name\":\"Marcial\",\"last_name\":\"'El Jalisco'\",\"gender\":\"M\"},{\"id\":9,\"first_name\":\"José\",\"last_name\":\"'El Morito'\",\"gender\":\"M\"},{\"id\":10,\"first_name\":\"Francisco\",\"last_name\":\"'El Niño de la Manola'\",\"gender\":\"M\"},{\"id\":11,\"first_name\":\"Víctor\",\"last_name\":\"'El Payaso'\",\"gender\":\"M\"},{\"id\":12,\"first_name\":\"Antonio\",\"last_name\":\"'El Pescaíto'\",\"gender\":\"M\"},{\"id\":13,\"first_name\":\"Luis\",\"last_name\":\"'El Plojo'\",\"gender\":\"M\"},{\"id\":14,\"first_name\":\"Janny\",\"last_name\":\"'el Portugues'\",\"gender\":\"M\"},{\"id\":15,\"first_name\":\"Antonio\",\"last_name\":\"'El Rilete'\",\"gender\":\"M\"},{\"id\":16,\"first_name\":\"Baltazar\",\"last_name\":\"'El Toro'\",\"gender\":\"M\"},{\"id\":17,\"first_name\":\"Luis Roberto\",\"last_name\":\"'Formiga'\",\"gender\":\"M\"},{\"id\":18,\"first_name\":\"Murray the\",\"last_name\":\"'K'\",\"gender\":\"M\"},{\"id\":19,\"first_name\":\"Néstor\",\"last_name\":\"'Kick Boxer'\",\"gender\":\"M\"},{\"id\":20,\"first_name\":\"Tony\",\"last_name\":\"'La Chispa'\",\"gender\":\"M\"},{\"id\":21,\"first_name\":\"Pollino\",\"last_name\":\"'Romero'\",\"gender\":\"M\"}]}"
     },
     "execution_count": 10,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "execution_count": 10
  },
  {
   "cell_type": "markdown",
   "source": [
    "**Find top-20 the most popular actor names**"
   ],
   "metadata": {
    "collapsed": false
   }
  },
  {
   "cell_type": "code",
   "source": [
    "val top20ManActorNames = actorDf\n",
    "    .groupBy { first_name }\n",
    "    .count()\n",
    "    .sortByDesc(\"count\")\n",
    "    .take(20)\n",
    "    \n",
    "top20ManActorNames"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:59:00.612802300Z",
     "start_time": "2024-03-25T15:58:56.159634500Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <iframe onload=\"o_resize_iframe_out_2()\" style=\"width:100%;\" class=\"result_container\" id=\"iframe_out_2\" frameBorder=\"0\" srcdoc=\"        &lt;html&gt;\n",
       "        &lt;head&gt;\n",
       "            &lt;style type=&quot;text&sol;css&quot;&gt;\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover &gt; td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "&sol;* formatting *&sol;\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       ":root {\n",
       "    --scroll-bg: #f5f5f5;\n",
       "    --scroll-fg: #b3b3b3;\n",
       "}\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;]{\n",
       "    --scroll-bg: #3c3c3c;\n",
       "    --scroll-fg: #97e1fb;\n",
       "}\n",
       "body {\n",
       "    scrollbar-color: var(--scroll-fg) var(--scroll-bg);\n",
       "}\n",
       "body::-webkit-scrollbar {\n",
       "    width: 10px; &sol;* Mostly for vertical scrollbars *&sol;\n",
       "    height: 10px; &sol;* Mostly for horizontal scrollbars *&sol;\n",
       "}\n",
       "body::-webkit-scrollbar-thumb {\n",
       "    background-color: var(--scroll-fg);\n",
       "}\n",
       "body::-webkit-scrollbar-track {\n",
       "    background-color: var(--scroll-bg);\n",
       "}\n",
       "            &lt;&sol;style&gt;\n",
       "        &lt;&sol;head&gt;\n",
       "        &lt;body&gt;\n",
       "            &lt;table class=&quot;dataframe&quot; id=&quot;df_956301314&quot;&gt;&lt;&sol;table&gt;\n",
       "\n",
       "&lt;p class=&quot;dataframe_description&quot;&gt;DataFrame: rowsCount = 20, columnsCount = 2&lt;&sol;p&gt;\n",
       "\n",
       "        &lt;&sol;body&gt;\n",
       "        &lt;script&gt;\n",
       "            (function () {\n",
       "    window.DataFrame = window.DataFrame || new (function () {\n",
       "        this.addTable = function (df) {\n",
       "            let cols = df.cols;\n",
       "            for (let i = 0; i &lt; cols.length; i++) {\n",
       "                for (let c of cols[i].children) {\n",
       "                    cols[c].parent = i;\n",
       "                }\n",
       "            }\n",
       "            df.nrow = 0\n",
       "            for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                if (df.cols[i].values.length &gt; df.nrow) df.nrow = df.cols[i].values.length\n",
       "            }\n",
       "            if (df.id === df.rootId) {\n",
       "                df.expandedFrames = new Set()\n",
       "                df.childFrames = {}\n",
       "                const table = this.getTableElement(df.id)\n",
       "                table.df = df\n",
       "                for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                    let col = df.cols[i]\n",
       "                    if (col.parent === undefined &amp;&amp; col.children.length &gt; 0) col.expanded = true\n",
       "                }\n",
       "            } else {\n",
       "                const rootDf = this.getTableData(df.rootId)\n",
       "                rootDf.childFrames[df.id] = df\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.computeRenderData = function (df) {\n",
       "            let result = []\n",
       "            let pos = 0\n",
       "            for (let col = 0; col &lt; df.cols.length; col++) {\n",
       "                if (df.cols[col].parent === undefined)\n",
       "                    pos += this.computeRenderDataRec(df.cols, col, pos, 0, result, false, false)\n",
       "            }\n",
       "            for (let i = 0; i &lt; result.length; i++) {\n",
       "                let row = result[i]\n",
       "                for (let j = 0; j &lt; row.length; j++) {\n",
       "                    let cell = row[j]\n",
       "                    if (j === 0)\n",
       "                        cell.leftBd = false\n",
       "                    if (j &lt; row.length - 1) {\n",
       "                        let nextData = row[j + 1]\n",
       "                        if (nextData.leftBd) cell.rightBd = true\n",
       "                        else if (cell.rightBd) nextData.leftBd = true\n",
       "                    } else cell.rightBd = false\n",
       "                }\n",
       "            }\n",
       "            return result\n",
       "        }\n",
       "\n",
       "        this.computeRenderDataRec = function (cols, colId, pos, depth, result, leftBorder, rightBorder) {\n",
       "            if (result.length === depth) {\n",
       "                const array = [];\n",
       "                if (pos &gt; 0) {\n",
       "                    let j = 0\n",
       "                    for (let i = 0; j &lt; pos; i++) {\n",
       "                        let c = result[depth - 1][i]\n",
       "                        j += c.span\n",
       "                        let copy = Object.assign({empty: true}, c)\n",
       "                        array.push(copy)\n",
       "                    }\n",
       "                }\n",
       "                result.push(array)\n",
       "            }\n",
       "            const col = cols[colId];\n",
       "            let size = 0;\n",
       "            if (col.expanded) {\n",
       "                let childPos = pos\n",
       "                for (let i = 0; i &lt; col.children.length; i++) {\n",
       "                    let child = col.children[i]\n",
       "                    let childLeft = i === 0 &amp;&amp; (col.children.length &gt; 1 || leftBorder)\n",
       "                    let childRight = i === col.children.length - 1 &amp;&amp; (col.children.length &gt; 1 || rightBorder)\n",
       "                    let childSize = this.computeRenderDataRec(cols, child, childPos, depth + 1, result, childLeft, childRight)\n",
       "                    childPos += childSize\n",
       "                    size += childSize\n",
       "                }\n",
       "            } else {\n",
       "                for (let i = depth + 1; i &lt; result.length; i++)\n",
       "                    result[i].push({id: colId, span: 1, leftBd: leftBorder, rightBd: rightBorder, empty: true})\n",
       "                size = 1\n",
       "            }\n",
       "            let left = leftBorder\n",
       "            let right = rightBorder\n",
       "            if (size &gt; 1) {\n",
       "                left = true\n",
       "                right = true\n",
       "            }\n",
       "            result[depth].push({id: colId, span: size, leftBd: left, rightBd: right})\n",
       "            return size\n",
       "        }\n",
       "\n",
       "        this.getTableElement = function (id) {\n",
       "            return document.getElementById(&quot;df_&quot; + id)\n",
       "        }\n",
       "\n",
       "        this.getTableData = function (id) {\n",
       "            return this.getTableElement(id).df\n",
       "        }\n",
       "\n",
       "        this.createExpander = function (isExpanded) {\n",
       "            const svgNs = &quot;http:&sol;&sol;www.w3.org&sol;2000&sol;svg&quot;\n",
       "            let svg = document.createElementNS(svgNs, &quot;svg&quot;)\n",
       "            svg.classList.add(&quot;expanderSvg&quot;)\n",
       "            let path = document.createElementNS(svgNs, &quot;path&quot;)\n",
       "            if (isExpanded) {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;0 -2 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 4 4 4 -4 -1 -1 -3 3Z&quot;)\n",
       "            } else {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;-2 0 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 3 3 -3 3 1 1 4 -4Z&quot;)\n",
       "            }\n",
       "            path.setAttribute(&quot;fill&quot;, &quot;currentColor&quot;)\n",
       "            svg.appendChild(path)\n",
       "            return svg\n",
       "        }\n",
       "\n",
       "        this.renderTable = function (id) {\n",
       "\n",
       "            let table = this.getTableElement(id)\n",
       "\n",
       "            if (table === null) return\n",
       "\n",
       "            table.innerHTML = &quot;&quot;\n",
       "\n",
       "            let df = table.df\n",
       "            let rootDf = df.rootId === df.id ? df : this.getTableData(df.rootId)\n",
       "\n",
       "            &sol;&sol; header\n",
       "            let header = document.createElement(&quot;thead&quot;)\n",
       "            table.appendChild(header)\n",
       "\n",
       "            let renderData = this.computeRenderData(df)\n",
       "            for (let j = 0; j &lt; renderData.length; j++) {\n",
       "                let rowData = renderData[j]\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                let isLastRow = j === renderData.length - 1\n",
       "                header.appendChild(tr);\n",
       "                for (let i = 0; i &lt; rowData.length; i++) {\n",
       "                    let cell = rowData[i]\n",
       "                    let th = document.createElement(&quot;th&quot;);\n",
       "                    th.setAttribute(&quot;colspan&quot;, cell.span)\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId];\n",
       "                    if (!cell.empty) {\n",
       "                        if (col.children.length === 0) {\n",
       "                            th.innerHTML = col.name\n",
       "                        } else {\n",
       "                            let link = document.createElement(&quot;a&quot;)\n",
       "                            link.className = &quot;expander&quot;\n",
       "                            let that = this\n",
       "                            link.onclick = function () {\n",
       "                                col.expanded = !col.expanded\n",
       "                                that.renderTable(id)\n",
       "                            }\n",
       "                            link.appendChild(this.createExpander(col.expanded))\n",
       "                            link.innerHTML += col.name\n",
       "                            th.appendChild(link)\n",
       "                        }\n",
       "                    }\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (isLastRow)\n",
       "                        classes += &quot; bottomBorder&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        th.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(th)\n",
       "                }\n",
       "            }\n",
       "\n",
       "            &sol;&sol; body\n",
       "            let body = document.createElement(&quot;tbody&quot;)\n",
       "            table.appendChild(body)\n",
       "\n",
       "            let columns = renderData.pop()\n",
       "            for (let row = 0; row &lt; df.nrow; row++) {\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                body.appendChild(tr)\n",
       "                for (let i = 0; i &lt; columns.length; i++) {\n",
       "                    let cell = columns[i]\n",
       "                    let td = document.createElement(&quot;td&quot;);\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId]\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        td.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(td)\n",
       "                    let value = col.values[row]\n",
       "                    if (value.frameId !== undefined) {\n",
       "                        let frameId = value.frameId\n",
       "                        let expanded = rootDf.expandedFrames.has(frameId)\n",
       "                        let link = document.createElement(&quot;a&quot;)\n",
       "                        link.className = &quot;expander&quot;\n",
       "                        let that = this\n",
       "                        link.onclick = function () {\n",
       "                            if (rootDf.expandedFrames.has(frameId))\n",
       "                                rootDf.expandedFrames.delete(frameId)\n",
       "                            else rootDf.expandedFrames.add(frameId)\n",
       "                            that.renderTable(id)\n",
       "                        }\n",
       "                        link.appendChild(this.createExpander(expanded))\n",
       "                        link.innerHTML += value.value\n",
       "                        if (expanded) {\n",
       "                            td.appendChild(link)\n",
       "                            td.appendChild(document.createElement(&quot;p&quot;))\n",
       "                            const childTable = document.createElement(&quot;table&quot;)\n",
       "                            childTable.className = &quot;dataframe&quot;\n",
       "                            childTable.id = &quot;df_&quot; + frameId\n",
       "                            let childDf = rootDf.childFrames[frameId]\n",
       "                            childTable.df = childDf\n",
       "                            td.appendChild(childTable)\n",
       "                            this.renderTable(frameId)\n",
       "                            if (childDf.nrow !== childDf.totalRows) {\n",
       "                                const footer = document.createElement(&quot;p&quot;)\n",
       "                                footer.innerText = `... showing only top ${childDf.nrow} of ${childDf.totalRows} rows`\n",
       "                                td.appendChild(footer)\n",
       "                            }\n",
       "                        } else {\n",
       "                            td.appendChild(link)\n",
       "                        }\n",
       "                    } else if (value.style !== undefined) {\n",
       "                        td.innerHTML = value.value\n",
       "                        td.setAttribute(&quot;style&quot;, value.style)\n",
       "                    } else td.innerHTML = value\n",
       "                    this.nodeScriptReplace(td)\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.nodeScriptReplace = function (node) {\n",
       "            if (this.nodeScriptIs(node) === true) {\n",
       "                node.parentNode.replaceChild(this.nodeScriptClone(node), node);\n",
       "            } else {\n",
       "                let i = -1, children = node.childNodes;\n",
       "                while (++i &lt; children.length) {\n",
       "                    this.nodeScriptReplace(children[i]);\n",
       "                }\n",
       "            }\n",
       "\n",
       "            return node;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptClone = function (node) {\n",
       "            let script = document.createElement(&quot;script&quot;);\n",
       "            script.text = node.innerHTML;\n",
       "\n",
       "            let i = -1, attrs = node.attributes, attr;\n",
       "            while (++i &lt; attrs.length) {\n",
       "                script.setAttribute((attr = attrs[i]).name, attr.value);\n",
       "            }\n",
       "            return script;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptIs = function (node) {\n",
       "            return node.tagName === 'SCRIPT';\n",
       "        }\n",
       "    })()\n",
       "\n",
       "    window.call_DataFrame = function (f) {\n",
       "        return f();\n",
       "    };\n",
       "\n",
       "    let funQueue = window[&quot;kotlinQueues&quot;] &amp;&amp; window[&quot;kotlinQueues&quot;][&quot;DataFrame&quot;];\n",
       "    if (funQueue) {\n",
       "        funQueue.forEach(function (f) {\n",
       "            f();\n",
       "        });\n",
       "        funQueue = [];\n",
       "    }\n",
       "})()\n",
       "\n",
       "&sol;*&lt;!--*&sol;\n",
       "call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: &quot;&lt;span title=&bsol;&quot;first_name: String&bsol;&quot;&gt;first_name&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;David&quot;,&quot;John&quot;,&quot;Daniel&quot;,&quot;Peter&quot;,&quot;Robert&quot;,&quot;Michael&quot;,&quot;Antonio&quot;,&quot;Luis&quot;,&quot;Paul&quot;,&quot;Jos&amp;#233;&quot;,&quot;Richard&quot;,&quot;A.&quot;,&quot;Carlos&quot;,&quot;Frank&quot;,&quot;Joe&quot;,&quot;Steve&quot;,&quot;Jorge&quot;,&quot;Roberto&quot;,&quot;Tony&quot;,&quot;James&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;count: Int&bsol;&quot;&gt;count&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;80&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;74&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;49&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;46&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;46&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;45&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;42&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;41&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;40&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;39&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;38&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;36&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;35&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;34&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;34&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;33&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;33&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;33&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;32&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;30&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "], id: 956301314, rootId: 956301314, totalRows: 20 } ) });\n",
       "&sol;*--&gt;*&sol;\n",
       "\n",
       "call_DataFrame(function() { DataFrame.renderTable(956301314) });\n",
       "\n",
       "\n",
       "        &lt;&sol;script&gt;\n",
       "        &lt;&sol;html&gt;\"></iframe>\n",
       "            <script>\n",
       "                function o_resize_iframe_out_2() {\n",
       "                    let elem = document.getElementById(\"iframe_out_2\");\n",
       "                    resize_iframe_out_2(elem);\n",
       "                    setInterval(resize_iframe_out_2, 5000, elem);\n",
       "                }\n",
       "                function resize_iframe_out_2(el) {\n",
       "                    let h = el.contentWindow.document.body.scrollHeight;\n",
       "                    el.height = h === 0 ? 0 : h + 41;\n",
       "                }\n",
       "            </script>        <html>\n",
       "        <head>\n",
       "            <style type=\"text/css\">\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "            </style>\n",
       "        </head>\n",
       "        <body>\n",
       "            <table class=\"dataframe\" id=\"static_df_956301315\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">first_name</th><th class=\"bottomBorder\" style=\"text-align:left\">count</th></tr></thead><tbody><tr><td  style=\"vertical-align:top\">David</td><td  style=\"vertical-align:top\">80</td></tr><tr><td  style=\"vertical-align:top\">John</td><td  style=\"vertical-align:top\">74</td></tr><tr><td  style=\"vertical-align:top\">Daniel</td><td  style=\"vertical-align:top\">49</td></tr><tr><td  style=\"vertical-align:top\">Peter</td><td  style=\"vertical-align:top\">46</td></tr><tr><td  style=\"vertical-align:top\">Robert</td><td  style=\"vertical-align:top\">46</td></tr><tr><td  style=\"vertical-align:top\">Michael</td><td  style=\"vertical-align:top\">45</td></tr><tr><td  style=\"vertical-align:top\">Antonio</td><td  style=\"vertical-align:top\">42</td></tr><tr><td  style=\"vertical-align:top\">Luis</td><td  style=\"vertical-align:top\">41</td></tr><tr><td  style=\"vertical-align:top\">Paul</td><td  style=\"vertical-align:top\">40</td></tr><tr><td  style=\"vertical-align:top\">Jos&#233;</td><td  style=\"vertical-align:top\">39</td></tr><tr><td  style=\"vertical-align:top\">Richard</td><td  style=\"vertical-align:top\">38</td></tr><tr><td  style=\"vertical-align:top\">A.</td><td  style=\"vertical-align:top\">36</td></tr><tr><td  style=\"vertical-align:top\">Carlos</td><td  style=\"vertical-align:top\">35</td></tr><tr><td  style=\"vertical-align:top\">Frank</td><td  style=\"vertical-align:top\">34</td></tr><tr><td  style=\"vertical-align:top\">Joe</td><td  style=\"vertical-align:top\">34</td></tr><tr><td  style=\"vertical-align:top\">Steve</td><td  style=\"vertical-align:top\">33</td></tr><tr><td  style=\"vertical-align:top\">Jorge</td><td  style=\"vertical-align:top\">33</td></tr><tr><td  style=\"vertical-align:top\">Roberto</td><td  style=\"vertical-align:top\">33</td></tr><tr><td  style=\"vertical-align:top\">Tony</td><td  style=\"vertical-align:top\">32</td></tr><tr><td  style=\"vertical-align:top\">James</td><td  style=\"vertical-align:top\">30</td></tr></tbody></table>\n",
       "        </body>\n",
       "        <script>\n",
       "            document.getElementById(\"static_df_956301315\").style.display = \"none\";\n",
       "        </script>\n",
       "        </html>"
      ],
      "application/kotlindataframe+json": "{\"$version\":\"2.0.0\",\"metadata\":{\"columns\":[\"first_name\",\"count\"],\"nrow\":20,\"ncol\":2},\"kotlin_dataframe\":[{\"first_name\":\"David\",\"count\":80},{\"first_name\":\"John\",\"count\":74},{\"first_name\":\"Daniel\",\"count\":49},{\"first_name\":\"Peter\",\"count\":46},{\"first_name\":\"Robert\",\"count\":46},{\"first_name\":\"Michael\",\"count\":45},{\"first_name\":\"Antonio\",\"count\":42},{\"first_name\":\"Luis\",\"count\":41},{\"first_name\":\"Paul\",\"count\":40},{\"first_name\":\"José\",\"count\":39},{\"first_name\":\"Richard\",\"count\":38},{\"first_name\":\"A.\",\"count\":36},{\"first_name\":\"Carlos\",\"count\":35},{\"first_name\":\"Frank\",\"count\":34},{\"first_name\":\"Joe\",\"count\":34},{\"first_name\":\"Steve\",\"count\":33},{\"first_name\":\"Jorge\",\"count\":33},{\"first_name\":\"Roberto\",\"count\":33},{\"first_name\":\"Tony\",\"count\":32},{\"first_name\":\"James\",\"count\":30}]}"
     },
     "execution_count": 11,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "execution_count": 11
  },
  {
   "cell_type": "code",
   "source": [
    "val top20ManActorNamesPlot = top20ManActorNames.plot {\n",
    "    bars {\n",
    "         x(first_name) {\n",
    "            scale = categorical()\n",
    "        }\n",
    "        y(count)\n",
    "    }\n",
    " }\n",
    " \n",
    " top20ManActorNamesPlot"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:59:03.470179100Z",
     "start_time": "2024-03-25T15:59:00.626271700Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <iframe src='about:blank' style='border:none !important;' width='600' height='400' srcdoc=\"&lt;html lang=&quot;en&quot;>\n",
       "   &lt;head>\n",
       "       &lt;meta charset=&quot;UTF-8&quot;>\n",
       "       &lt;style> html, body { margin: 0; overflow: hidden; } &lt;/style>\n",
       "       &lt;script type=&quot;text/javascript&quot; data-lets-plot-script=&quot;library&quot; src=&quot;https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.2.0/js-package/distr/lets-plot.min.js&quot;>&lt;/script>\n",
       "   &lt;/head>\n",
       "   &lt;body>\n",
       "          &lt;div id=&quot;4wPVzN&quot;>&lt;/div>\n",
       "   &lt;script type=&quot;text/javascript&quot; data-lets-plot-script=&quot;plot&quot;>\n",
       "       var plotSpec={\n",
       "&quot;mapping&quot;:{\n",
       "},\n",
       "&quot;data&quot;:{\n",
       "&quot;count&quot;:[80.0,74.0,49.0,46.0,46.0,45.0,42.0,41.0,40.0,39.0,38.0,36.0,35.0,34.0,34.0,33.0,33.0,33.0,32.0,30.0],\n",
       "&quot;first_name&quot;:[&quot;David&quot;,&quot;John&quot;,&quot;Daniel&quot;,&quot;Peter&quot;,&quot;Robert&quot;,&quot;Michael&quot;,&quot;Antonio&quot;,&quot;Luis&quot;,&quot;Paul&quot;,&quot;José&quot;,&quot;Richard&quot;,&quot;A.&quot;,&quot;Carlos&quot;,&quot;Frank&quot;,&quot;Joe&quot;,&quot;Steve&quot;,&quot;Jorge&quot;,&quot;Roberto&quot;,&quot;Tony&quot;,&quot;James&quot;]\n",
       "},\n",
       "&quot;kind&quot;:&quot;plot&quot;,\n",
       "&quot;scales&quot;:[{\n",
       "&quot;aesthetic&quot;:&quot;x&quot;,\n",
       "&quot;discrete&quot;:true\n",
       "},{\n",
       "&quot;aesthetic&quot;:&quot;y&quot;,\n",
       "&quot;limits&quot;:[null,null]\n",
       "}],\n",
       "&quot;layers&quot;:[{\n",
       "&quot;mapping&quot;:{\n",
       "&quot;x&quot;:&quot;first_name&quot;,\n",
       "&quot;y&quot;:&quot;count&quot;\n",
       "},\n",
       "&quot;stat&quot;:&quot;identity&quot;,\n",
       "&quot;sampling&quot;:&quot;none&quot;,\n",
       "&quot;position&quot;:&quot;dodge&quot;,\n",
       "&quot;geom&quot;:&quot;bar&quot;,\n",
       "&quot;data&quot;:{\n",
       "}\n",
       "}]\n",
       "};\n",
       "       var plotContainer = document.getElementById(&quot;4wPVzN&quot;);\n",
       "       LetsPlot.buildPlotFromProcessedSpecs(plotSpec, -1, -1, plotContainer);\n",
       "   &lt;/script>\n",
       "   &lt;/body>\n",
       "&lt;/html>\"></iframe>            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"plt-container\" id=90e7221a-4198-4238-864b-f5401a42ae61 width=\"100%\" height=\"100%\" style=\"max-width: 600.0px; max-height: 400.0px;\" viewBox=\"0 0 600.0 400.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
       "  <style type=\"text/css\">\n",
       "  .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#p4G1zNL .plot-title {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 16.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p4G1zNL .plot-subtitle {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 15.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p4G1zNL .plot-caption {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p4G1zNL .legend-title {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 15.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p4G1zNL .legend-item {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p4G1zNL .axis-title-x {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 15.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p4G1zNL .axis-text-x {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dLx4r68 .axis-tooltip-text-x {\n",
       "   fill: #ffffff;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p4G1zNL .axis-title-y {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 15.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p4G1zNL .axis-text-y {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dLx4r68 .axis-tooltip-text-y {\n",
       "   fill: #ffffff;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p4G1zNL .facet-strip-text-x {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p4G1zNL .facet-strip-text-y {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dLx4r68 .tooltip-text {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dLx4r68 .tooltip-title {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: bold;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dLx4r68 .tooltip-label {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: bold;\n",
       "   font-style: normal;   \n",
       "}\n",
       "\n",
       "  </style>\n",
       "  <g id=\"p4G1zNL\">\n",
       "    <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z\">\n",
       "    </path>\n",
       "    <g transform=\"translate(23.0 10.0 ) \">\n",
       "      <g transform=\"translate(21.961210910936405 0.0 ) \">\n",
       "        <line x1=\"17.451980931423222\" y1=\"303.5651180821982\" x2=\"17.451980931423222\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"44.30118236438202\" y1=\"303.5651180821982\" x2=\"44.30118236438202\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"71.15038379734082\" y1=\"303.5651180821982\" x2=\"71.15038379734082\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"97.99958523029962\" y1=\"303.5651180821982\" x2=\"97.99958523029962\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"124.84878666325842\" y1=\"303.5651180821982\" x2=\"124.84878666325842\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"151.69798809621722\" y1=\"303.5651180821982\" x2=\"151.69798809621722\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"178.54718952917602\" y1=\"303.5651180821982\" x2=\"178.54718952917602\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"205.39639096213483\" y1=\"303.5651180821982\" x2=\"205.39639096213483\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"232.24559239509364\" y1=\"303.5651180821982\" x2=\"232.24559239509364\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"259.09479382805245\" y1=\"303.5651180821982\" x2=\"259.09479382805245\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"285.94399526101125\" y1=\"303.5651180821982\" x2=\"285.94399526101125\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"312.79319669397006\" y1=\"303.5651180821982\" x2=\"312.79319669397006\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"339.6423981269288\" y1=\"303.5651180821982\" x2=\"339.6423981269288\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"366.4915995598876\" y1=\"303.5651180821982\" x2=\"366.4915995598876\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"393.3408009928464\" y1=\"303.5651180821982\" x2=\"393.3408009928464\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"420.19000242580523\" y1=\"303.5651180821982\" x2=\"420.19000242580523\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"447.03920385876404\" y1=\"303.5651180821982\" x2=\"447.03920385876404\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"473.88840529172285\" y1=\"303.5651180821982\" x2=\"473.88840529172285\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"500.73760672468165\" y1=\"303.5651180821982\" x2=\"500.73760672468165\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"527.5868081576405\" y1=\"303.5651180821982\" x2=\"527.5868081576405\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "      </g>\n",
       "      <g transform=\"translate(21.961210910936405 303.5651180821982 ) \">\n",
       "        <g transform=\"translate(17.451980931423222 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>David</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(44.30118236438202 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>John</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(71.15038379734082 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Daniel</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(97.99958523029962 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Peter</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(124.84878666325842 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Robert</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(151.69798809621722 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Michael</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(178.54718952917602 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Antonio</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(205.39639096213483 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Luis</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(232.24559239509364 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Paul</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(259.09479382805245 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>José</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(285.94399526101125 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Richard</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(312.79319669397006 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>A.</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(339.6423981269288 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Carlos</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(366.4915995598876 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Frank</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(393.3408009928464 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Joe</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(420.19000242580523 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Steve</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(447.03920385876404 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Jorge</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(473.88840529172285 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Roberto</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(500.73760672468165 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>Tony</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(527.5868081576405 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) rotate(90.0 ) \">\n",
       "            <text class=\"axis-text-x\" dy=\"0.35em\">\n",
       "              <tspan>James</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <line x1=\"0.0\" y1=\"0.0\" x2=\"545.0387890890636\" y2=\"0.0\" stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\">\n",
       "        </line>\n",
       "      </g>\n",
       "      <g transform=\"translate(21.961210910936405 0.0 ) \">\n",
       "        <line x1=\"0.0\" y1=\"267.42641354860314\" x2=\"545.0387890890636\" y2=\"267.42641354860314\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"231.28770901500815\" x2=\"545.0387890890636\" y2=\"231.28770901500815\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"195.1490044814131\" x2=\"545.0387890890636\" y2=\"195.1490044814131\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"159.01029994781808\" x2=\"545.0387890890636\" y2=\"159.01029994781808\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"122.87159541422307\" x2=\"545.0387890890636\" y2=\"122.87159541422307\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"86.73289088062805\" x2=\"545.0387890890636\" y2=\"86.73289088062805\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"50.59418634703303\" x2=\"545.0387890890636\" y2=\"50.59418634703303\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"14.455481813437984\" x2=\"545.0387890890636\" y2=\"14.455481813437984\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "      </g>\n",
       "      <g transform=\"translate(21.961210910936405 0.0 ) \">\n",
       "        <g transform=\"translate(0.0 303.5651180821982 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>0</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 267.42641354860314 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>10</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 231.28770901500815 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>20</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 195.1490044814131 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>30</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 159.01029994781808 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>40</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 122.87159541422307 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>50</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 86.73289088062805 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>60</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 50.59418634703303 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>70</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 14.455481813437984 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>80</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(21.961210910936405 0.0 ) \" clip-path=\"url(#cIx2EkH)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (545.0387890890636, 303.5651180821982)]\">\n",
       "        <defs>\n",
       "          <clipPath id=\"cIx2EkH\">\n",
       "            <rect x=\"0.0\" y=\"0.0\" width=\"545.0387890890636\" height=\"303.5651180821982\">\n",
       "            </rect>\n",
       "          </clipPath>\n",
       "        </defs>\n",
       "        <rect x=\"515.504667512809\" y=\"195.1490044814131\" height=\"108.41611360078508\" width=\"24.16428128966288\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"488.6554660798502\" y=\"187.9212635746941\" height=\"115.64385450750407\" width=\"24.164281289662824\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"461.8062646468914\" y=\"184.3073931213346\" height=\"119.25772496086358\" width=\"24.16428128966288\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"434.9570632139326\" y=\"184.3073931213346\" height=\"119.25772496086358\" width=\"24.16428128966288\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"408.1078617809738\" y=\"184.3073931213346\" height=\"119.25772496086358\" width=\"24.164281289662938\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"381.258660348015\" y=\"180.69352266797512\" height=\"122.87159541422307\" width=\"24.164281289662938\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"354.4094589150562\" y=\"180.69352266797512\" height=\"122.87159541422307\" width=\"24.164281289662938\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"327.56025748209737\" y=\"177.0796522146156\" height=\"126.48546586758258\" width=\"24.164281289662938\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"300.7110560491386\" y=\"173.4657817612561\" height=\"130.0993363209421\" width=\"24.16428128966288\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"273.8618546161798\" y=\"166.2380408545371\" height=\"137.32707722766108\" width=\"24.164281289662938\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"247.012653183221\" y=\"162.6241704011776\" height=\"140.9409476810206\" width=\"24.16428128966288\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"220.16345175026214\" y=\"159.01029994781808\" height=\"144.5548181343801\" width=\"24.164281289662938\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"193.31425031730333\" y=\"155.3964294944586\" height=\"148.16868858773958\" width=\"24.164281289662938\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"166.46504888434458\" y=\"151.7825590410991\" height=\"151.7825590410991\" width=\"24.16428128966288\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"139.61584745138578\" y=\"140.9409476810206\" height=\"162.6241704011776\" width=\"24.164281289662938\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"112.76664601842695\" y=\"137.32707722766108\" height=\"166.2380408545371\" width=\"24.164281289662952\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"85.91744458546816\" y=\"137.32707722766108\" height=\"166.2380408545371\" width=\"24.16428128966291\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"59.06824315250936\" y=\"126.48546586758258\" height=\"177.0796522146156\" width=\"24.16428128966293\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"32.21904171955056\" y=\"36.13870453359499\" height=\"267.4264135486032\" width=\"24.164281289662924\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "        <rect x=\"5.369840286591762\" y=\"14.455481813437984\" height=\"289.1096362687602\" width=\"24.164281289662924\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(17,142,216)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "        </rect>\n",
       "      </g>\n",
       "    </g>\n",
       "    <g transform=\"translate(14.5 161.7825590410991 ) rotate(-90.0 ) \">\n",
       "      <text class=\"axis-title-y\" y=\"0.0\" text-anchor=\"middle\">\n",
       "        <tspan>count</tspan>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(317.4806054554682 391.5 ) \">\n",
       "      <text class=\"axis-title-x\" y=\"0.0\" text-anchor=\"middle\">\n",
       "        <tspan>first_name</tspan>\n",
       "      </text>\n",
       "    </g>\n",
       "    <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z\">\n",
       "    </path>\n",
       "  </g>\n",
       "  <g id=\"dLx4r68\">\n",
       "  </g>\n",
       "</svg>\n",
       "        <script>document.getElementById(\"90e7221a-4198-4238-864b-f5401a42ae61\").style.display = \"none\";</script>"
      ],
      "application/plot+json": {
       "output_type": "lets_plot_spec",
       "output": {
        "mapping": {},
        "data": {
         "count": [
          80.0,
          74.0,
          49.0,
          46.0,
          46.0,
          45.0,
          42.0,
          41.0,
          40.0,
          39.0,
          38.0,
          36.0,
          35.0,
          34.0,
          34.0,
          33.0,
          33.0,
          33.0,
          32.0,
          30.0
         ],
         "first_name": [
          "David",
          "John",
          "Daniel",
          "Peter",
          "Robert",
          "Michael",
          "Antonio",
          "Luis",
          "Paul",
          "José",
          "Richard",
          "A.",
          "Carlos",
          "Frank",
          "Joe",
          "Steve",
          "Jorge",
          "Roberto",
          "Tony",
          "James"
         ]
        },
        "kind": "plot",
        "scales": [
         {
          "aesthetic": "x",
          "discrete": true
         },
         {
          "aesthetic": "y",
          "limits": [
           null,
           null
          ]
         }
        ],
        "layers": [
         {
          "mapping": {
           "x": "first_name",
           "y": "count"
          },
          "stat": "identity",
          "sampling": "none",
          "position": "dodge",
          "geom": "bar"
         }
        ]
       },
       "apply_color_scheme": true,
       "swing_enabled": true
      }
     },
     "execution_count": 12,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "execution_count": 12
  },
  {
   "cell_type": "markdown",
   "source": [
    "**Exploring the movies: trending rank by year depends on genre**"
   ],
   "metadata": {
    "collapsed": false
   }
  },
  {
   "metadata": {
    "ExecuteTime": {
     "end_time": "2024-03-25T15:59:05.408970700Z",
     "start_time": "2024-03-25T15:59:03.475647200Z"
    }
   },
   "cell_type": "code",
   "source": [
    "val sqlQuery = \"\"\"\n",
    "SELECT name, year, rank, genre\n",
    "FROM movies\n",
    "INNER JOIN movies_genres ON movies.id = movies_genres.movie_id\n",
    "WHERE movies.rank > 0.0 and (movies_genres.genre = \"Comedy\" OR movies_genres.genre = \"Horror\")\n",
    "\"\"\"\n",
    "\n",
    "val ratedMoviesDf = DataFrame.readSqlQuery(dbConfig, sqlQuery)\n",
    "ratedMoviesDf"
   ],
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <iframe onload=\"o_resize_iframe_out_3()\" style=\"width:100%;\" class=\"result_container\" id=\"iframe_out_3\" frameBorder=\"0\" srcdoc=\"        &lt;html&gt;\n",
       "        &lt;head&gt;\n",
       "            &lt;style type=&quot;text&sol;css&quot;&gt;\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover &gt; td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "&sol;* formatting *&sol;\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       ":root {\n",
       "    --scroll-bg: #f5f5f5;\n",
       "    --scroll-fg: #b3b3b3;\n",
       "}\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;]{\n",
       "    --scroll-bg: #3c3c3c;\n",
       "    --scroll-fg: #97e1fb;\n",
       "}\n",
       "body {\n",
       "    scrollbar-color: var(--scroll-fg) var(--scroll-bg);\n",
       "}\n",
       "body::-webkit-scrollbar {\n",
       "    width: 10px; &sol;* Mostly for vertical scrollbars *&sol;\n",
       "    height: 10px; &sol;* Mostly for horizontal scrollbars *&sol;\n",
       "}\n",
       "body::-webkit-scrollbar-thumb {\n",
       "    background-color: var(--scroll-fg);\n",
       "}\n",
       "body::-webkit-scrollbar-track {\n",
       "    background-color: var(--scroll-bg);\n",
       "}\n",
       "            &lt;&sol;style&gt;\n",
       "        &lt;&sol;head&gt;\n",
       "        &lt;body&gt;\n",
       "            &lt;table class=&quot;dataframe&quot; id=&quot;df_956301316&quot;&gt;&lt;&sol;table&gt;\n",
       "\n",
       "&lt;p class=&quot;dataframe_description&quot;&gt;... showing only top 20 of 23000 rows&lt;&sol;p&gt;&lt;p class=&quot;dataframe_description&quot;&gt;DataFrame: rowsCount = 23000, columnsCount = 4&lt;&sol;p&gt;\n",
       "\n",
       "        &lt;&sol;body&gt;\n",
       "        &lt;script&gt;\n",
       "            (function () {\n",
       "    window.DataFrame = window.DataFrame || new (function () {\n",
       "        this.addTable = function (df) {\n",
       "            let cols = df.cols;\n",
       "            for (let i = 0; i &lt; cols.length; i++) {\n",
       "                for (let c of cols[i].children) {\n",
       "                    cols[c].parent = i;\n",
       "                }\n",
       "            }\n",
       "            df.nrow = 0\n",
       "            for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                if (df.cols[i].values.length &gt; df.nrow) df.nrow = df.cols[i].values.length\n",
       "            }\n",
       "            if (df.id === df.rootId) {\n",
       "                df.expandedFrames = new Set()\n",
       "                df.childFrames = {}\n",
       "                const table = this.getTableElement(df.id)\n",
       "                table.df = df\n",
       "                for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                    let col = df.cols[i]\n",
       "                    if (col.parent === undefined &amp;&amp; col.children.length &gt; 0) col.expanded = true\n",
       "                }\n",
       "            } else {\n",
       "                const rootDf = this.getTableData(df.rootId)\n",
       "                rootDf.childFrames[df.id] = df\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.computeRenderData = function (df) {\n",
       "            let result = []\n",
       "            let pos = 0\n",
       "            for (let col = 0; col &lt; df.cols.length; col++) {\n",
       "                if (df.cols[col].parent === undefined)\n",
       "                    pos += this.computeRenderDataRec(df.cols, col, pos, 0, result, false, false)\n",
       "            }\n",
       "            for (let i = 0; i &lt; result.length; i++) {\n",
       "                let row = result[i]\n",
       "                for (let j = 0; j &lt; row.length; j++) {\n",
       "                    let cell = row[j]\n",
       "                    if (j === 0)\n",
       "                        cell.leftBd = false\n",
       "                    if (j &lt; row.length - 1) {\n",
       "                        let nextData = row[j + 1]\n",
       "                        if (nextData.leftBd) cell.rightBd = true\n",
       "                        else if (cell.rightBd) nextData.leftBd = true\n",
       "                    } else cell.rightBd = false\n",
       "                }\n",
       "            }\n",
       "            return result\n",
       "        }\n",
       "\n",
       "        this.computeRenderDataRec = function (cols, colId, pos, depth, result, leftBorder, rightBorder) {\n",
       "            if (result.length === depth) {\n",
       "                const array = [];\n",
       "                if (pos &gt; 0) {\n",
       "                    let j = 0\n",
       "                    for (let i = 0; j &lt; pos; i++) {\n",
       "                        let c = result[depth - 1][i]\n",
       "                        j += c.span\n",
       "                        let copy = Object.assign({empty: true}, c)\n",
       "                        array.push(copy)\n",
       "                    }\n",
       "                }\n",
       "                result.push(array)\n",
       "            }\n",
       "            const col = cols[colId];\n",
       "            let size = 0;\n",
       "            if (col.expanded) {\n",
       "                let childPos = pos\n",
       "                for (let i = 0; i &lt; col.children.length; i++) {\n",
       "                    let child = col.children[i]\n",
       "                    let childLeft = i === 0 &amp;&amp; (col.children.length &gt; 1 || leftBorder)\n",
       "                    let childRight = i === col.children.length - 1 &amp;&amp; (col.children.length &gt; 1 || rightBorder)\n",
       "                    let childSize = this.computeRenderDataRec(cols, child, childPos, depth + 1, result, childLeft, childRight)\n",
       "                    childPos += childSize\n",
       "                    size += childSize\n",
       "                }\n",
       "            } else {\n",
       "                for (let i = depth + 1; i &lt; result.length; i++)\n",
       "                    result[i].push({id: colId, span: 1, leftBd: leftBorder, rightBd: rightBorder, empty: true})\n",
       "                size = 1\n",
       "            }\n",
       "            let left = leftBorder\n",
       "            let right = rightBorder\n",
       "            if (size &gt; 1) {\n",
       "                left = true\n",
       "                right = true\n",
       "            }\n",
       "            result[depth].push({id: colId, span: size, leftBd: left, rightBd: right})\n",
       "            return size\n",
       "        }\n",
       "\n",
       "        this.getTableElement = function (id) {\n",
       "            return document.getElementById(&quot;df_&quot; + id)\n",
       "        }\n",
       "\n",
       "        this.getTableData = function (id) {\n",
       "            return this.getTableElement(id).df\n",
       "        }\n",
       "\n",
       "        this.createExpander = function (isExpanded) {\n",
       "            const svgNs = &quot;http:&sol;&sol;www.w3.org&sol;2000&sol;svg&quot;\n",
       "            let svg = document.createElementNS(svgNs, &quot;svg&quot;)\n",
       "            svg.classList.add(&quot;expanderSvg&quot;)\n",
       "            let path = document.createElementNS(svgNs, &quot;path&quot;)\n",
       "            if (isExpanded) {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;0 -2 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 4 4 4 -4 -1 -1 -3 3Z&quot;)\n",
       "            } else {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;-2 0 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 3 3 -3 3 1 1 4 -4Z&quot;)\n",
       "            }\n",
       "            path.setAttribute(&quot;fill&quot;, &quot;currentColor&quot;)\n",
       "            svg.appendChild(path)\n",
       "            return svg\n",
       "        }\n",
       "\n",
       "        this.renderTable = function (id) {\n",
       "\n",
       "            let table = this.getTableElement(id)\n",
       "\n",
       "            if (table === null) return\n",
       "\n",
       "            table.innerHTML = &quot;&quot;\n",
       "\n",
       "            let df = table.df\n",
       "            let rootDf = df.rootId === df.id ? df : this.getTableData(df.rootId)\n",
       "\n",
       "            &sol;&sol; header\n",
       "            let header = document.createElement(&quot;thead&quot;)\n",
       "            table.appendChild(header)\n",
       "\n",
       "            let renderData = this.computeRenderData(df)\n",
       "            for (let j = 0; j &lt; renderData.length; j++) {\n",
       "                let rowData = renderData[j]\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                let isLastRow = j === renderData.length - 1\n",
       "                header.appendChild(tr);\n",
       "                for (let i = 0; i &lt; rowData.length; i++) {\n",
       "                    let cell = rowData[i]\n",
       "                    let th = document.createElement(&quot;th&quot;);\n",
       "                    th.setAttribute(&quot;colspan&quot;, cell.span)\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId];\n",
       "                    if (!cell.empty) {\n",
       "                        if (col.children.length === 0) {\n",
       "                            th.innerHTML = col.name\n",
       "                        } else {\n",
       "                            let link = document.createElement(&quot;a&quot;)\n",
       "                            link.className = &quot;expander&quot;\n",
       "                            let that = this\n",
       "                            link.onclick = function () {\n",
       "                                col.expanded = !col.expanded\n",
       "                                that.renderTable(id)\n",
       "                            }\n",
       "                            link.appendChild(this.createExpander(col.expanded))\n",
       "                            link.innerHTML += col.name\n",
       "                            th.appendChild(link)\n",
       "                        }\n",
       "                    }\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (isLastRow)\n",
       "                        classes += &quot; bottomBorder&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        th.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(th)\n",
       "                }\n",
       "            }\n",
       "\n",
       "            &sol;&sol; body\n",
       "            let body = document.createElement(&quot;tbody&quot;)\n",
       "            table.appendChild(body)\n",
       "\n",
       "            let columns = renderData.pop()\n",
       "            for (let row = 0; row &lt; df.nrow; row++) {\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                body.appendChild(tr)\n",
       "                for (let i = 0; i &lt; columns.length; i++) {\n",
       "                    let cell = columns[i]\n",
       "                    let td = document.createElement(&quot;td&quot;);\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId]\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        td.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(td)\n",
       "                    let value = col.values[row]\n",
       "                    if (value.frameId !== undefined) {\n",
       "                        let frameId = value.frameId\n",
       "                        let expanded = rootDf.expandedFrames.has(frameId)\n",
       "                        let link = document.createElement(&quot;a&quot;)\n",
       "                        link.className = &quot;expander&quot;\n",
       "                        let that = this\n",
       "                        link.onclick = function () {\n",
       "                            if (rootDf.expandedFrames.has(frameId))\n",
       "                                rootDf.expandedFrames.delete(frameId)\n",
       "                            else rootDf.expandedFrames.add(frameId)\n",
       "                            that.renderTable(id)\n",
       "                        }\n",
       "                        link.appendChild(this.createExpander(expanded))\n",
       "                        link.innerHTML += value.value\n",
       "                        if (expanded) {\n",
       "                            td.appendChild(link)\n",
       "                            td.appendChild(document.createElement(&quot;p&quot;))\n",
       "                            const childTable = document.createElement(&quot;table&quot;)\n",
       "                            childTable.className = &quot;dataframe&quot;\n",
       "                            childTable.id = &quot;df_&quot; + frameId\n",
       "                            let childDf = rootDf.childFrames[frameId]\n",
       "                            childTable.df = childDf\n",
       "                            td.appendChild(childTable)\n",
       "                            this.renderTable(frameId)\n",
       "                            if (childDf.nrow !== childDf.totalRows) {\n",
       "                                const footer = document.createElement(&quot;p&quot;)\n",
       "                                footer.innerText = `... showing only top ${childDf.nrow} of ${childDf.totalRows} rows`\n",
       "                                td.appendChild(footer)\n",
       "                            }\n",
       "                        } else {\n",
       "                            td.appendChild(link)\n",
       "                        }\n",
       "                    } else if (value.style !== undefined) {\n",
       "                        td.innerHTML = value.value\n",
       "                        td.setAttribute(&quot;style&quot;, value.style)\n",
       "                    } else td.innerHTML = value\n",
       "                    this.nodeScriptReplace(td)\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.nodeScriptReplace = function (node) {\n",
       "            if (this.nodeScriptIs(node) === true) {\n",
       "                node.parentNode.replaceChild(this.nodeScriptClone(node), node);\n",
       "            } else {\n",
       "                let i = -1, children = node.childNodes;\n",
       "                while (++i &lt; children.length) {\n",
       "                    this.nodeScriptReplace(children[i]);\n",
       "                }\n",
       "            }\n",
       "\n",
       "            return node;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptClone = function (node) {\n",
       "            let script = document.createElement(&quot;script&quot;);\n",
       "            script.text = node.innerHTML;\n",
       "\n",
       "            let i = -1, attrs = node.attributes, attr;\n",
       "            while (++i &lt; attrs.length) {\n",
       "                script.setAttribute((attr = attrs[i]).name, attr.value);\n",
       "            }\n",
       "            return script;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptIs = function (node) {\n",
       "            return node.tagName === 'SCRIPT';\n",
       "        }\n",
       "    })()\n",
       "\n",
       "    window.call_DataFrame = function (f) {\n",
       "        return f();\n",
       "    };\n",
       "\n",
       "    let funQueue = window[&quot;kotlinQueues&quot;] &amp;&amp; window[&quot;kotlinQueues&quot;][&quot;DataFrame&quot;];\n",
       "    if (funQueue) {\n",
       "        funQueue.forEach(function (f) {\n",
       "            f();\n",
       "        });\n",
       "        funQueue = [];\n",
       "    }\n",
       "})()\n",
       "\n",
       "&sol;*&lt;!--*&sol;\n",
       "call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: &quot;&lt;span title=&bsol;&quot;name: String?&bsol;&quot;&gt;name&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;$&quot;,&quot;$1,000,000 Duck&quot;,&quot;$1000 a Touchdown&quot;,&quot;$30&quot;,&quot;$40,000&quot;,&quot;&amp;#39;?&amp;#39; Motorist, The&quot;,&quot;&amp;#39;A&amp;#39; gai waak&quot;,&quot;&amp;#39;A&amp;#39; gai waak juk jaap&quot;,&quot;&amp;#39;Babicky dobjejte presne!&amp;#39;&quot;,&quot;&amp;#39;burbs, The&quot;,&quot;&amp;#39;burbs, The&quot;,&quot;&amp;#39;Crocodile&amp;#39; Dundee II&quot;,&quot;&amp;#39;E&amp;#39;&quot;,&quot;&amp;#39;High Sign&amp;#39;, The&quot;,&quot;&amp;#39;Hyp-Nut-Tist&amp;#39;, The&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&amp;#39;Java Madness&amp;#39; formerly titled &amp;#39;Coffee Madness&amp;#39;&bsol;&quot;&gt;&amp;#39;Java Madness&amp;#39; formerly titled &amp;#39;Coffe&lt;span class=&bsol;&quot;structural&bsol;&quot;&gt;...&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&amp;#39;J to tedy beru, sfe...!&amp;#39;&quot;,&quot;&amp;#39;Manos&amp;#39; the Hands of Fate&quot;,&quot;&amp;#39;Ne gnstige Gelegenheit&quot;,&quot;&amp;#39;Neath Brooklyn Bridge&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;year: Int?&bsol;&quot;&gt;year&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1971&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1971&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1939&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1999&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1996&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1906&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1983&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1987&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1983&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1989&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1989&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1988&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1981&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1921&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1935&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1995&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1977&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1966&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1999&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1942&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;rank: Float?&bsol;&quot;&gt;rank&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;6,4&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,0&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;6,7&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;7,5&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;9,6&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;6,8&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;7,2&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;7,2&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,6&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,9&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,9&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4,9&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;7,9&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;7,7&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;6,1&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;6,6&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,2&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1,6&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4,6&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,4&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;genre: String&bsol;&quot;&gt;genre&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;] }, \n",
       "], id: 956301316, rootId: 956301316, totalRows: 23000 } ) });\n",
       "&sol;*--&gt;*&sol;\n",
       "\n",
       "call_DataFrame(function() { DataFrame.renderTable(956301316) });\n",
       "\n",
       "\n",
       "        &lt;&sol;script&gt;\n",
       "        &lt;&sol;html&gt;\"></iframe>\n",
       "            <script>\n",
       "                function o_resize_iframe_out_3() {\n",
       "                    let elem = document.getElementById(\"iframe_out_3\");\n",
       "                    resize_iframe_out_3(elem);\n",
       "                    setInterval(resize_iframe_out_3, 5000, elem);\n",
       "                }\n",
       "                function resize_iframe_out_3(el) {\n",
       "                    let h = el.contentWindow.document.body.scrollHeight;\n",
       "                    el.height = h === 0 ? 0 : h + 41;\n",
       "                }\n",
       "            </script>        <html>\n",
       "        <head>\n",
       "            <style type=\"text/css\">\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "            </style>\n",
       "        </head>\n",
       "        <body>\n",
       "            <table class=\"dataframe\" id=\"static_df_956301317\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">name</th><th class=\"bottomBorder\" style=\"text-align:left\">year</th><th class=\"bottomBorder\" style=\"text-align:left\">rank</th><th class=\"bottomBorder\" style=\"text-align:left\">genre</th></tr></thead><tbody><tr><td  style=\"vertical-align:top\">$</td><td  style=\"vertical-align:top\">1971</td><td  style=\"vertical-align:top\">6,400000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">$1,000,000 Duck</td><td  style=\"vertical-align:top\">1971</td><td  style=\"vertical-align:top\">5,000000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">$1000 a Touchdown</td><td  style=\"vertical-align:top\">1939</td><td  style=\"vertical-align:top\">6,700000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">$30</td><td  style=\"vertical-align:top\">1999</td><td  style=\"vertical-align:top\">7,500000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">$40,000</td><td  style=\"vertical-align:top\">1996</td><td  style=\"vertical-align:top\">9,600000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">&#39;?&#39; Motorist, The</td><td  style=\"vertical-align:top\">1906</td><td  style=\"vertical-align:top\">6,800000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">&#39;A&#39; gai waak</td><td  style=\"vertical-align:top\">1983</td><td  style=\"vertical-align:top\">7,200000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">&#39;A&#39; gai waak juk jaap</td><td  style=\"vertical-align:top\">1987</td><td  style=\"vertical-align:top\">7,200000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">&#39;Babicky dobjejte presne!&#39;</td><td  style=\"vertical-align:top\">1983</td><td  style=\"vertical-align:top\">5,600000</td><td  style=\"vertical-align:top\">Horror</td></tr><tr><td  style=\"vertical-align:top\">&#39;burbs, The</td><td  style=\"vertical-align:top\">1989</td><td  style=\"vertical-align:top\">5,900000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">&#39;burbs, The</td><td  style=\"vertical-align:top\">1989</td><td  style=\"vertical-align:top\">5,900000</td><td  style=\"vertical-align:top\">Horror</td></tr><tr><td  style=\"vertical-align:top\">&#39;Crocodile&#39; Dundee II</td><td  style=\"vertical-align:top\">1988</td><td  style=\"vertical-align:top\">4,900000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">&#39;E&#39;</td><td  style=\"vertical-align:top\">1981</td><td  style=\"vertical-align:top\">7,900000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">&#39;High Sign&#39;, The</td><td  style=\"vertical-align:top\">1921</td><td  style=\"vertical-align:top\">7,700000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">&#39;Hyp-Nut-Tist&#39;, The</td><td  style=\"vertical-align:top\">1935</td><td  style=\"vertical-align:top\">6,100000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">&#39;Java Madness&#39; formerly titled &#39;Coffe<span class=\"structural\">...</span></td><td  style=\"vertical-align:top\">1995</td><td  style=\"vertical-align:top\">6,600000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">&#39;J to tedy beru, sfe...!&#39;</td><td  style=\"vertical-align:top\">1977</td><td  style=\"vertical-align:top\">5,200000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">&#39;Manos&#39; the Hands of Fate</td><td  style=\"vertical-align:top\">1966</td><td  style=\"vertical-align:top\">1,600000</td><td  style=\"vertical-align:top\">Horror</td></tr><tr><td  style=\"vertical-align:top\">&#39;Ne gnstige Gelegenheit</td><td  style=\"vertical-align:top\">1999</td><td  style=\"vertical-align:top\">4,600000</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">&#39;Neath Brooklyn Bridge</td><td  style=\"vertical-align:top\">1942</td><td  style=\"vertical-align:top\">5,400000</td><td  style=\"vertical-align:top\">Comedy</td></tr></tbody></table>\n",
       "        </body>\n",
       "        <script>\n",
       "            document.getElementById(\"static_df_956301317\").style.display = \"none\";\n",
       "        </script>\n",
       "        </html>"
      ],
      "application/kotlindataframe+json": "{\"$version\":\"2.0.0\",\"metadata\":{\"columns\":[\"name\",\"year\",\"rank\",\"genre\"],\"nrow\":23000,\"ncol\":4},\"kotlin_dataframe\":[{\"name\":\"$\",\"year\":1971,\"rank\":6.400000095367432,\"genre\":\"Comedy\"},{\"name\":\"$1,000,000 Duck\",\"year\":1971,\"rank\":5.0,\"genre\":\"Comedy\"},{\"name\":\"$1000 a Touchdown\",\"year\":1939,\"rank\":6.699999809265137,\"genre\":\"Comedy\"},{\"name\":\"$30\",\"year\":1999,\"rank\":7.5,\"genre\":\"Comedy\"},{\"name\":\"$40,000\",\"year\":1996,\"rank\":9.600000381469727,\"genre\":\"Comedy\"},{\"name\":\"'?' Motorist, The\",\"year\":1906,\"rank\":6.800000190734863,\"genre\":\"Comedy\"},{\"name\":\"'A' gai waak\",\"year\":1983,\"rank\":7.199999809265137,\"genre\":\"Comedy\"},{\"name\":\"'A' gai waak juk jaap\",\"year\":1987,\"rank\":7.199999809265137,\"genre\":\"Comedy\"},{\"name\":\"'Babicky dobjejte presne!'\",\"year\":1983,\"rank\":5.599999904632568,\"genre\":\"Horror\"},{\"name\":\"'burbs, The\",\"year\":1989,\"rank\":5.900000095367432,\"genre\":\"Comedy\"},{\"name\":\"'burbs, The\",\"year\":1989,\"rank\":5.900000095367432,\"genre\":\"Horror\"},{\"name\":\"'Crocodile' Dundee II\",\"year\":1988,\"rank\":4.900000095367432,\"genre\":\"Comedy\"},{\"name\":\"'E'\",\"year\":1981,\"rank\":7.900000095367432,\"genre\":\"Comedy\"},{\"name\":\"'High Sign', The\",\"year\":1921,\"rank\":7.699999809265137,\"genre\":\"Comedy\"},{\"name\":\"'Hyp-Nut-Tist', The\",\"year\":1935,\"rank\":6.099999904632568,\"genre\":\"Comedy\"},{\"name\":\"'Java Madness' formerly titled 'Coffee Madness'\",\"year\":1995,\"rank\":6.599999904632568,\"genre\":\"Comedy\"},{\"name\":\"'J to tedy beru, sfe...!'\",\"year\":1977,\"rank\":5.199999809265137,\"genre\":\"Comedy\"},{\"name\":\"'Manos' the Hands of Fate\",\"year\":1966,\"rank\":1.600000023841858,\"genre\":\"Horror\"},{\"name\":\"'Ne gnstige Gelegenheit\",\"year\":1999,\"rank\":4.599999904632568,\"genre\":\"Comedy\"},{\"name\":\"'Neath Brooklyn Bridge\",\"year\":1942,\"rank\":5.400000095367432,\"genre\":\"Comedy\"}]}"
     },
     "execution_count": 13,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "execution_count": 13
  },
  {
   "cell_type": "code",
   "source": [
    "val olapCube = ratedMoviesDf\n",
    "    .select { year and genre and rank }\n",
    "    .groupBy { year and genre }\n",
    "    .mean { rank named \"meanRank\" } \n",
    "    //.aggregate {  mean { rank } into \"meanRank\" } <-- alternative to the previous row\n",
    "    .sortBy { year and genre }\n",
    "    \n",
    "olapCube"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:59:07.556225100Z",
     "start_time": "2024-03-25T15:59:05.420938800Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <iframe onload=\"o_resize_iframe_out_4()\" style=\"width:100%;\" class=\"result_container\" id=\"iframe_out_4\" frameBorder=\"0\" srcdoc=\"        &lt;html&gt;\n",
       "        &lt;head&gt;\n",
       "            &lt;style type=&quot;text&sol;css&quot;&gt;\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover &gt; td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "&sol;* formatting *&sol;\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       ":root {\n",
       "    --scroll-bg: #f5f5f5;\n",
       "    --scroll-fg: #b3b3b3;\n",
       "}\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;]{\n",
       "    --scroll-bg: #3c3c3c;\n",
       "    --scroll-fg: #97e1fb;\n",
       "}\n",
       "body {\n",
       "    scrollbar-color: var(--scroll-fg) var(--scroll-bg);\n",
       "}\n",
       "body::-webkit-scrollbar {\n",
       "    width: 10px; &sol;* Mostly for vertical scrollbars *&sol;\n",
       "    height: 10px; &sol;* Mostly for horizontal scrollbars *&sol;\n",
       "}\n",
       "body::-webkit-scrollbar-thumb {\n",
       "    background-color: var(--scroll-fg);\n",
       "}\n",
       "body::-webkit-scrollbar-track {\n",
       "    background-color: var(--scroll-bg);\n",
       "}\n",
       "            &lt;&sol;style&gt;\n",
       "        &lt;&sol;head&gt;\n",
       "        &lt;body&gt;\n",
       "            &lt;table class=&quot;dataframe&quot; id=&quot;df_956301318&quot;&gt;&lt;&sol;table&gt;\n",
       "\n",
       "&lt;p class=&quot;dataframe_description&quot;&gt;... showing only top 20 of 204 rows&lt;&sol;p&gt;&lt;p class=&quot;dataframe_description&quot;&gt;DataFrame: rowsCount = 204, columnsCount = 3&lt;&sol;p&gt;\n",
       "\n",
       "        &lt;&sol;body&gt;\n",
       "        &lt;script&gt;\n",
       "            (function () {\n",
       "    window.DataFrame = window.DataFrame || new (function () {\n",
       "        this.addTable = function (df) {\n",
       "            let cols = df.cols;\n",
       "            for (let i = 0; i &lt; cols.length; i++) {\n",
       "                for (let c of cols[i].children) {\n",
       "                    cols[c].parent = i;\n",
       "                }\n",
       "            }\n",
       "            df.nrow = 0\n",
       "            for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                if (df.cols[i].values.length &gt; df.nrow) df.nrow = df.cols[i].values.length\n",
       "            }\n",
       "            if (df.id === df.rootId) {\n",
       "                df.expandedFrames = new Set()\n",
       "                df.childFrames = {}\n",
       "                const table = this.getTableElement(df.id)\n",
       "                table.df = df\n",
       "                for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                    let col = df.cols[i]\n",
       "                    if (col.parent === undefined &amp;&amp; col.children.length &gt; 0) col.expanded = true\n",
       "                }\n",
       "            } else {\n",
       "                const rootDf = this.getTableData(df.rootId)\n",
       "                rootDf.childFrames[df.id] = df\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.computeRenderData = function (df) {\n",
       "            let result = []\n",
       "            let pos = 0\n",
       "            for (let col = 0; col &lt; df.cols.length; col++) {\n",
       "                if (df.cols[col].parent === undefined)\n",
       "                    pos += this.computeRenderDataRec(df.cols, col, pos, 0, result, false, false)\n",
       "            }\n",
       "            for (let i = 0; i &lt; result.length; i++) {\n",
       "                let row = result[i]\n",
       "                for (let j = 0; j &lt; row.length; j++) {\n",
       "                    let cell = row[j]\n",
       "                    if (j === 0)\n",
       "                        cell.leftBd = false\n",
       "                    if (j &lt; row.length - 1) {\n",
       "                        let nextData = row[j + 1]\n",
       "                        if (nextData.leftBd) cell.rightBd = true\n",
       "                        else if (cell.rightBd) nextData.leftBd = true\n",
       "                    } else cell.rightBd = false\n",
       "                }\n",
       "            }\n",
       "            return result\n",
       "        }\n",
       "\n",
       "        this.computeRenderDataRec = function (cols, colId, pos, depth, result, leftBorder, rightBorder) {\n",
       "            if (result.length === depth) {\n",
       "                const array = [];\n",
       "                if (pos &gt; 0) {\n",
       "                    let j = 0\n",
       "                    for (let i = 0; j &lt; pos; i++) {\n",
       "                        let c = result[depth - 1][i]\n",
       "                        j += c.span\n",
       "                        let copy = Object.assign({empty: true}, c)\n",
       "                        array.push(copy)\n",
       "                    }\n",
       "                }\n",
       "                result.push(array)\n",
       "            }\n",
       "            const col = cols[colId];\n",
       "            let size = 0;\n",
       "            if (col.expanded) {\n",
       "                let childPos = pos\n",
       "                for (let i = 0; i &lt; col.children.length; i++) {\n",
       "                    let child = col.children[i]\n",
       "                    let childLeft = i === 0 &amp;&amp; (col.children.length &gt; 1 || leftBorder)\n",
       "                    let childRight = i === col.children.length - 1 &amp;&amp; (col.children.length &gt; 1 || rightBorder)\n",
       "                    let childSize = this.computeRenderDataRec(cols, child, childPos, depth + 1, result, childLeft, childRight)\n",
       "                    childPos += childSize\n",
       "                    size += childSize\n",
       "                }\n",
       "            } else {\n",
       "                for (let i = depth + 1; i &lt; result.length; i++)\n",
       "                    result[i].push({id: colId, span: 1, leftBd: leftBorder, rightBd: rightBorder, empty: true})\n",
       "                size = 1\n",
       "            }\n",
       "            let left = leftBorder\n",
       "            let right = rightBorder\n",
       "            if (size &gt; 1) {\n",
       "                left = true\n",
       "                right = true\n",
       "            }\n",
       "            result[depth].push({id: colId, span: size, leftBd: left, rightBd: right})\n",
       "            return size\n",
       "        }\n",
       "\n",
       "        this.getTableElement = function (id) {\n",
       "            return document.getElementById(&quot;df_&quot; + id)\n",
       "        }\n",
       "\n",
       "        this.getTableData = function (id) {\n",
       "            return this.getTableElement(id).df\n",
       "        }\n",
       "\n",
       "        this.createExpander = function (isExpanded) {\n",
       "            const svgNs = &quot;http:&sol;&sol;www.w3.org&sol;2000&sol;svg&quot;\n",
       "            let svg = document.createElementNS(svgNs, &quot;svg&quot;)\n",
       "            svg.classList.add(&quot;expanderSvg&quot;)\n",
       "            let path = document.createElementNS(svgNs, &quot;path&quot;)\n",
       "            if (isExpanded) {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;0 -2 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 4 4 4 -4 -1 -1 -3 3Z&quot;)\n",
       "            } else {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;-2 0 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 3 3 -3 3 1 1 4 -4Z&quot;)\n",
       "            }\n",
       "            path.setAttribute(&quot;fill&quot;, &quot;currentColor&quot;)\n",
       "            svg.appendChild(path)\n",
       "            return svg\n",
       "        }\n",
       "\n",
       "        this.renderTable = function (id) {\n",
       "\n",
       "            let table = this.getTableElement(id)\n",
       "\n",
       "            if (table === null) return\n",
       "\n",
       "            table.innerHTML = &quot;&quot;\n",
       "\n",
       "            let df = table.df\n",
       "            let rootDf = df.rootId === df.id ? df : this.getTableData(df.rootId)\n",
       "\n",
       "            &sol;&sol; header\n",
       "            let header = document.createElement(&quot;thead&quot;)\n",
       "            table.appendChild(header)\n",
       "\n",
       "            let renderData = this.computeRenderData(df)\n",
       "            for (let j = 0; j &lt; renderData.length; j++) {\n",
       "                let rowData = renderData[j]\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                let isLastRow = j === renderData.length - 1\n",
       "                header.appendChild(tr);\n",
       "                for (let i = 0; i &lt; rowData.length; i++) {\n",
       "                    let cell = rowData[i]\n",
       "                    let th = document.createElement(&quot;th&quot;);\n",
       "                    th.setAttribute(&quot;colspan&quot;, cell.span)\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId];\n",
       "                    if (!cell.empty) {\n",
       "                        if (col.children.length === 0) {\n",
       "                            th.innerHTML = col.name\n",
       "                        } else {\n",
       "                            let link = document.createElement(&quot;a&quot;)\n",
       "                            link.className = &quot;expander&quot;\n",
       "                            let that = this\n",
       "                            link.onclick = function () {\n",
       "                                col.expanded = !col.expanded\n",
       "                                that.renderTable(id)\n",
       "                            }\n",
       "                            link.appendChild(this.createExpander(col.expanded))\n",
       "                            link.innerHTML += col.name\n",
       "                            th.appendChild(link)\n",
       "                        }\n",
       "                    }\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (isLastRow)\n",
       "                        classes += &quot; bottomBorder&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        th.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(th)\n",
       "                }\n",
       "            }\n",
       "\n",
       "            &sol;&sol; body\n",
       "            let body = document.createElement(&quot;tbody&quot;)\n",
       "            table.appendChild(body)\n",
       "\n",
       "            let columns = renderData.pop()\n",
       "            for (let row = 0; row &lt; df.nrow; row++) {\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                body.appendChild(tr)\n",
       "                for (let i = 0; i &lt; columns.length; i++) {\n",
       "                    let cell = columns[i]\n",
       "                    let td = document.createElement(&quot;td&quot;);\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId]\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        td.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(td)\n",
       "                    let value = col.values[row]\n",
       "                    if (value.frameId !== undefined) {\n",
       "                        let frameId = value.frameId\n",
       "                        let expanded = rootDf.expandedFrames.has(frameId)\n",
       "                        let link = document.createElement(&quot;a&quot;)\n",
       "                        link.className = &quot;expander&quot;\n",
       "                        let that = this\n",
       "                        link.onclick = function () {\n",
       "                            if (rootDf.expandedFrames.has(frameId))\n",
       "                                rootDf.expandedFrames.delete(frameId)\n",
       "                            else rootDf.expandedFrames.add(frameId)\n",
       "                            that.renderTable(id)\n",
       "                        }\n",
       "                        link.appendChild(this.createExpander(expanded))\n",
       "                        link.innerHTML += value.value\n",
       "                        if (expanded) {\n",
       "                            td.appendChild(link)\n",
       "                            td.appendChild(document.createElement(&quot;p&quot;))\n",
       "                            const childTable = document.createElement(&quot;table&quot;)\n",
       "                            childTable.className = &quot;dataframe&quot;\n",
       "                            childTable.id = &quot;df_&quot; + frameId\n",
       "                            let childDf = rootDf.childFrames[frameId]\n",
       "                            childTable.df = childDf\n",
       "                            td.appendChild(childTable)\n",
       "                            this.renderTable(frameId)\n",
       "                            if (childDf.nrow !== childDf.totalRows) {\n",
       "                                const footer = document.createElement(&quot;p&quot;)\n",
       "                                footer.innerText = `... showing only top ${childDf.nrow} of ${childDf.totalRows} rows`\n",
       "                                td.appendChild(footer)\n",
       "                            }\n",
       "                        } else {\n",
       "                            td.appendChild(link)\n",
       "                        }\n",
       "                    } else if (value.style !== undefined) {\n",
       "                        td.innerHTML = value.value\n",
       "                        td.setAttribute(&quot;style&quot;, value.style)\n",
       "                    } else td.innerHTML = value\n",
       "                    this.nodeScriptReplace(td)\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.nodeScriptReplace = function (node) {\n",
       "            if (this.nodeScriptIs(node) === true) {\n",
       "                node.parentNode.replaceChild(this.nodeScriptClone(node), node);\n",
       "            } else {\n",
       "                let i = -1, children = node.childNodes;\n",
       "                while (++i &lt; children.length) {\n",
       "                    this.nodeScriptReplace(children[i]);\n",
       "                }\n",
       "            }\n",
       "\n",
       "            return node;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptClone = function (node) {\n",
       "            let script = document.createElement(&quot;script&quot;);\n",
       "            script.text = node.innerHTML;\n",
       "\n",
       "            let i = -1, attrs = node.attributes, attr;\n",
       "            while (++i &lt; attrs.length) {\n",
       "                script.setAttribute((attr = attrs[i]).name, attr.value);\n",
       "            }\n",
       "            return script;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptIs = function (node) {\n",
       "            return node.tagName === 'SCRIPT';\n",
       "        }\n",
       "    })()\n",
       "\n",
       "    window.call_DataFrame = function (f) {\n",
       "        return f();\n",
       "    };\n",
       "\n",
       "    let funQueue = window[&quot;kotlinQueues&quot;] &amp;&amp; window[&quot;kotlinQueues&quot;][&quot;DataFrame&quot;];\n",
       "    if (funQueue) {\n",
       "        funQueue.forEach(function (f) {\n",
       "            f();\n",
       "        });\n",
       "        funQueue = [];\n",
       "    }\n",
       "})()\n",
       "\n",
       "&sol;*&lt;!--*&sol;\n",
       "call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: &quot;&lt;span title=&bsol;&quot;year: Int&bsol;&quot;&gt;year&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1892&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1895&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1896&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1896&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1897&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1898&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1898&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1899&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1899&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1900&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1901&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1902&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1903&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1904&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1905&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1906&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1907&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1908&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1909&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1909&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;genre: String&bsol;&quot;&gt;genre&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Horror&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;meanRank: Double&bsol;&quot;&gt;meanRank&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,100000&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;6,850000&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3,550000&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4,250000&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4,500000&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4,620000&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3,200000&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4,280000&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3,300000&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4,612500&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4,741667&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4,366667&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,375000&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4,953846&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4,563636&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;6,066667&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,480000&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,416667&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,066667&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,100000&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "], id: 956301318, rootId: 956301318, totalRows: 204 } ) });\n",
       "&sol;*--&gt;*&sol;\n",
       "\n",
       "call_DataFrame(function() { DataFrame.renderTable(956301318) });\n",
       "\n",
       "\n",
       "        &lt;&sol;script&gt;\n",
       "        &lt;&sol;html&gt;\"></iframe>\n",
       "            <script>\n",
       "                function o_resize_iframe_out_4() {\n",
       "                    let elem = document.getElementById(\"iframe_out_4\");\n",
       "                    resize_iframe_out_4(elem);\n",
       "                    setInterval(resize_iframe_out_4, 5000, elem);\n",
       "                }\n",
       "                function resize_iframe_out_4(el) {\n",
       "                    let h = el.contentWindow.document.body.scrollHeight;\n",
       "                    el.height = h === 0 ? 0 : h + 41;\n",
       "                }\n",
       "            </script>        <html>\n",
       "        <head>\n",
       "            <style type=\"text/css\">\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "            </style>\n",
       "        </head>\n",
       "        <body>\n",
       "            <table class=\"dataframe\" id=\"static_df_956301319\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">year</th><th class=\"bottomBorder\" style=\"text-align:left\">genre</th><th class=\"bottomBorder\" style=\"text-align:left\">meanRank</th></tr></thead><tbody><tr><td  style=\"vertical-align:top\">1892</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">5,100000</td></tr><tr><td  style=\"vertical-align:top\">1895</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">6,850000</td></tr><tr><td  style=\"vertical-align:top\">1896</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">3,550000</td></tr><tr><td  style=\"vertical-align:top\">1896</td><td  style=\"vertical-align:top\">Horror</td><td  style=\"vertical-align:top\">4,250000</td></tr><tr><td  style=\"vertical-align:top\">1897</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">4,500000</td></tr><tr><td  style=\"vertical-align:top\">1898</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">4,620000</td></tr><tr><td  style=\"vertical-align:top\">1898</td><td  style=\"vertical-align:top\">Horror</td><td  style=\"vertical-align:top\">3,200000</td></tr><tr><td  style=\"vertical-align:top\">1899</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">4,280000</td></tr><tr><td  style=\"vertical-align:top\">1899</td><td  style=\"vertical-align:top\">Horror</td><td  style=\"vertical-align:top\">3,300000</td></tr><tr><td  style=\"vertical-align:top\">1900</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">4,612500</td></tr><tr><td  style=\"vertical-align:top\">1901</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">4,741667</td></tr><tr><td  style=\"vertical-align:top\">1902</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">4,366667</td></tr><tr><td  style=\"vertical-align:top\">1903</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">5,375000</td></tr><tr><td  style=\"vertical-align:top\">1904</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">4,953846</td></tr><tr><td  style=\"vertical-align:top\">1905</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">4,563636</td></tr><tr><td  style=\"vertical-align:top\">1906</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">6,066667</td></tr><tr><td  style=\"vertical-align:top\">1907</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">5,480000</td></tr><tr><td  style=\"vertical-align:top\">1908</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">5,416667</td></tr><tr><td  style=\"vertical-align:top\">1909</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">5,066667</td></tr><tr><td  style=\"vertical-align:top\">1909</td><td  style=\"vertical-align:top\">Horror</td><td  style=\"vertical-align:top\">5,100000</td></tr></tbody></table>\n",
       "        </body>\n",
       "        <script>\n",
       "            document.getElementById(\"static_df_956301319\").style.display = \"none\";\n",
       "        </script>\n",
       "        </html>"
      ],
      "application/kotlindataframe+json": "{\"$version\":\"2.0.0\",\"metadata\":{\"columns\":[\"year\",\"genre\",\"meanRank\"],\"nrow\":204,\"ncol\":3},\"kotlin_dataframe\":[{\"year\":1892,\"genre\":\"Comedy\",\"meanRank\":5.099999904632568},{\"year\":1895,\"genre\":\"Comedy\",\"meanRank\":6.849999904632568},{\"year\":1896,\"genre\":\"Comedy\",\"meanRank\":3.549999952316284},{\"year\":1896,\"genre\":\"Horror\",\"meanRank\":4.25},{\"year\":1897,\"genre\":\"Comedy\",\"meanRank\":4.5},{\"year\":1898,\"genre\":\"Comedy\",\"meanRank\":4.619999980926513},{\"year\":1898,\"genre\":\"Horror\",\"meanRank\":3.200000047683716},{\"year\":1899,\"genre\":\"Comedy\",\"meanRank\":4.2799999713897705},{\"year\":1899,\"genre\":\"Horror\",\"meanRank\":3.299999952316284},{\"year\":1900,\"genre\":\"Comedy\",\"meanRank\":4.612500011920929},{\"year\":1901,\"genre\":\"Comedy\",\"meanRank\":4.7416666348775225},{\"year\":1902,\"genre\":\"Comedy\",\"meanRank\":4.366666714350383},{\"year\":1903,\"genre\":\"Comedy\",\"meanRank\":5.375000059604645},{\"year\":1904,\"genre\":\"Comedy\",\"meanRank\":4.953846142842219},{\"year\":1905,\"genre\":\"Comedy\",\"meanRank\":4.563636411320079},{\"year\":1906,\"genre\":\"Comedy\",\"meanRank\":6.066666762034099},{\"year\":1907,\"genre\":\"Comedy\",\"meanRank\":5.480000019073486},{\"year\":1908,\"genre\":\"Comedy\",\"meanRank\":5.416666666666667},{\"year\":1909,\"genre\":\"Comedy\",\"meanRank\":5.066666642824809},{\"year\":1909,\"genre\":\"Horror\",\"meanRank\":5.099999904632568}]}"
     },
     "execution_count": 14,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "execution_count": 14
  },
  {
   "cell_type": "code",
   "source": [
    "val genreRankTrends = olapCube.plot {\n",
    "    line {\n",
    "        x(year)\n",
    "        y(meanRank)\n",
    "        color(genre)\n",
    "        width = 1.0\n",
    "    }\n",
    "}\n",
    "genreRankTrends"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:59:09.601753100Z",
     "start_time": "2024-03-25T15:59:07.573181200Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <iframe src='about:blank' style='border:none !important;' width='600' height='400' srcdoc=\"&lt;html lang=&quot;en&quot;>\n",
       "   &lt;head>\n",
       "       &lt;meta charset=&quot;UTF-8&quot;>\n",
       "       &lt;style> html, body { margin: 0; overflow: hidden; } &lt;/style>\n",
       "       &lt;script type=&quot;text/javascript&quot; data-lets-plot-script=&quot;library&quot; src=&quot;https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.2.0/js-package/distr/lets-plot.min.js&quot;>&lt;/script>\n",
       "   &lt;/head>\n",
       "   &lt;body>\n",
       "          &lt;div id=&quot;8ZYAXr&quot;>&lt;/div>\n",
       "   &lt;script type=&quot;text/javascript&quot; data-lets-plot-script=&quot;plot&quot;>\n",
       "       var plotSpec={\n",
       "&quot;mapping&quot;:{\n",
       "},\n",
       "&quot;data&quot;:{\n",
       "&quot;meanRank&quot;:[5.099999904632568,6.849999904632568,3.549999952316284,4.25,4.5,4.619999980926513,3.200000047683716,4.2799999713897705,3.299999952316284,4.612500011920929,4.7416666348775225,4.366666714350383,5.375000059604645,4.953846142842219,4.563636411320079,6.066666762034099,5.480000019073486,5.416666666666667,5.066666642824809,5.099999904632568,4.9666666984558105,5.900000095367432,6.424999952316284,5.840000057220459,4.900000095367432,6.041666666666667,7.300000190734863,6.061363621191545,6.300000190734863,5.734285681588309,7.400000095367432,6.079411752083722,6.754166642824809,6.596153809474065,7.044444455040826,7.699999809265137,6.724999934434891,6.650000095367432,6.954166650772095,7.136363679712469,7.766666730244954,6.607692351708045,7.5,6.35357141494751,7.400000095367432,6.830952360516503,6.849999904632568,6.936000027656555,7.3999998569488525,6.997435869314732,7.5,7.177777841356066,6.900000095367432,6.722727284286961,7.799999952316284,6.022222233197046,6.099999904632568,6.296732025208816,7.237499952316284,6.630882389405194,6.691666642824809,6.5793333339691165,6.580000019073486,6.450270290632505,5.485714163099017,6.380628283735345,6.291666746139526,6.475576031592585,5.785714285714286,6.371493214395791,7.349999904632568,6.318139544198679,6.5333333015441895,6.419000020027161,5.959999990463257,6.305479474263649,5.49333332379659,6.229752054884414,5.930769223433274,6.478787883363589,5.100000030854169,6.498170747989562,5.793333307902018,6.465789482781761,5.595833321412404,6.350406516858233,5.911764705882353,6.444202901660532,5.064285670007978,6.376190472622307,4.299999952316284,6.506896549257739,5.2399999618530275,6.461827948529233,5.875,6.472560968340897,6.424064169593036,6.012500047683716,6.394358982183994,5.342857190540859,6.305235599348058,6.033333407508002,6.354497360804724,5.925000071525574,6.310919530090245,5.529999995231629,6.048520713162845,4.915789491251895,6.075925922688143,4.254999974370003,6.076923084564698,4.500000009934108,6.16163524441749,4.713513528978503,6.166901384440946,5.736111130979326,5.967999986012777,4.958620700342902,6.043930614614762,4.674468101339137,6.061494247666721,5.15128205372737,6.068604659202487,4.899999987247378,5.820707074921541,4.341860485631366,5.913440869059614,4.591111132833693,5.625870638818883,4.474999970859951,5.777325577514116,4.936585356549519,5.450289022715794,4.371428574834551,5.642458088571133,4.398148123864774,5.33333333535383,4.526136344129389,5.439181283203482,4.282857121740069,5.432738091974032,4.788541663438082,5.575510189646766,4.477777787380749,5.6550295839648275,4.4319999885559085,5.471005929292306,4.6951612907071265,5.638461539025843,4.62166668176651,5.656497176084141,4.714285712156977,5.250276238878787,4.431372537332423,5.363963959990321,4.56301367119567,5.495049513212525,4.445882370892693,5.4574162811753855,4.3530302716024,5.53037382341991,4.347826071407484,5.544642858207226,4.27200001001358,5.6179389234717565,4.413333322207133,5.3643153559617485,4.598837209302325,5.288732401921716,4.307317069875515,5.331159419771554,4.407092195030645,5.457575751073433,4.1596638605374245,5.225622786321674,4.20312499627471,5.597169815369372,4.483116877543462,5.372542367951344,4.49375,5.569055379407802,4.4065789266636495,5.395810060327945,4.7380281753943,5.9190058387510955,4.585897464018601,5.780660384106186,4.589610384656237,5.216352204106888,4.771264366719914,5.850722020498682,4.681443297985902,5.70326894264873,4.9192982431043655,5.899568339217481,4.973913031211798,6.01406685439325,5.060869552087093,6.131601126341337,5.40434781105622,6.1126344082176045,5.3840579641038095,5.97277354648095,5.594202888184699],\n",
       "&quot;year&quot;:[1892.0,1895.0,1896.0,1896.0,1897.0,1898.0,1898.0,1899.0,1899.0,1900.0,1901.0,1902.0,1903.0,1904.0,1905.0,1906.0,1907.0,1908.0,1909.0,1909.0,1910.0,1910.0,1911.0,1912.0,1912.0,1913.0,1913.0,1914.0,1914.0,1915.0,1915.0,1916.0,1917.0,1918.0,1919.0,1919.0,1920.0,1920.0,1921.0,1922.0,1922.0,1923.0,1923.0,1924.0,1924.0,1925.0,1925.0,1926.0,1926.0,1927.0,1927.0,1928.0,1928.0,1929.0,1929.0,1930.0,1930.0,1931.0,1931.0,1932.0,1932.0,1933.0,1933.0,1934.0,1934.0,1935.0,1935.0,1936.0,1936.0,1937.0,1937.0,1938.0,1938.0,1939.0,1939.0,1940.0,1940.0,1941.0,1941.0,1942.0,1942.0,1943.0,1943.0,1944.0,1944.0,1945.0,1945.0,1946.0,1946.0,1947.0,1947.0,1948.0,1948.0,1949.0,1949.0,1950.0,1951.0,1951.0,1952.0,1952.0,1953.0,1953.0,1954.0,1954.0,1955.0,1955.0,1956.0,1956.0,1957.0,1957.0,1958.0,1958.0,1959.0,1959.0,1960.0,1960.0,1961.0,1961.0,1962.0,1962.0,1963.0,1963.0,1964.0,1964.0,1965.0,1965.0,1966.0,1966.0,1967.0,1967.0,1968.0,1968.0,1969.0,1969.0,1970.0,1970.0,1971.0,1971.0,1972.0,1972.0,1973.0,1973.0,1974.0,1974.0,1975.0,1975.0,1976.0,1976.0,1977.0,1977.0,1978.0,1978.0,1979.0,1979.0,1980.0,1980.0,1981.0,1981.0,1982.0,1982.0,1983.0,1983.0,1984.0,1984.0,1985.0,1985.0,1986.0,1986.0,1987.0,1987.0,1988.0,1988.0,1989.0,1989.0,1990.0,1990.0,1991.0,1991.0,1992.0,1992.0,1993.0,1993.0,1994.0,1994.0,1995.0,1995.0,1996.0,1996.0,1997.0,1997.0,1998.0,1998.0,1999.0,1999.0,2000.0,2000.0,2001.0,2001.0,2002.0,2002.0,2003.0,2003.0,2004.0,2004.0],\n",
       "&quot;genre&quot;:[&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;,&quot;Comedy&quot;,&quot;Horror&quot;]\n",
       "},\n",
       "&quot;kind&quot;:&quot;plot&quot;,\n",
       "&quot;scales&quot;:[{\n",
       "&quot;aesthetic&quot;:&quot;x&quot;,\n",
       "&quot;limits&quot;:[null,null]\n",
       "},{\n",
       "&quot;aesthetic&quot;:&quot;y&quot;,\n",
       "&quot;limits&quot;:[null,null]\n",
       "},{\n",
       "&quot;aesthetic&quot;:&quot;color&quot;,\n",
       "&quot;discrete&quot;:true\n",
       "}],\n",
       "&quot;layers&quot;:[{\n",
       "&quot;mapping&quot;:{\n",
       "&quot;x&quot;:&quot;year&quot;,\n",
       "&quot;y&quot;:&quot;meanRank&quot;,\n",
       "&quot;color&quot;:&quot;genre&quot;\n",
       "},\n",
       "&quot;stat&quot;:&quot;identity&quot;,\n",
       "&quot;size&quot;:1.0,\n",
       "&quot;sampling&quot;:&quot;none&quot;,\n",
       "&quot;position&quot;:&quot;identity&quot;,\n",
       "&quot;geom&quot;:&quot;line&quot;,\n",
       "&quot;data&quot;:{\n",
       "}\n",
       "}]\n",
       "};\n",
       "       var plotContainer = document.getElementById(&quot;8ZYAXr&quot;);\n",
       "       LetsPlot.buildPlotFromProcessedSpecs(plotSpec, -1, -1, plotContainer);\n",
       "   &lt;/script>\n",
       "   &lt;/body>\n",
       "&lt;/html>\"></iframe>            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"plt-container\" id=b8383ff5-244a-4810-96f7-a044c4699c77 width=\"100%\" height=\"100%\" style=\"max-width: 600.0px; max-height: 400.0px;\" viewBox=\"0 0 600.0 400.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
       "  <style type=\"text/css\">\n",
       "  .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pQziJz6 .plot-title {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 16.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#pQziJz6 .plot-subtitle {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 15.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#pQziJz6 .plot-caption {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#pQziJz6 .legend-title {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 15.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#pQziJz6 .legend-item {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#pQziJz6 .axis-title-x {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 15.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#pQziJz6 .axis-text-x {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dkdqdm7 .axis-tooltip-text-x {\n",
       "   fill: #ffffff;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#pQziJz6 .axis-title-y {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 15.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#pQziJz6 .axis-text-y {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dkdqdm7 .axis-tooltip-text-y {\n",
       "   fill: #ffffff;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#pQziJz6 .facet-strip-text-x {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#pQziJz6 .facet-strip-text-y {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dkdqdm7 .tooltip-text {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dkdqdm7 .tooltip-title {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: bold;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dkdqdm7 .tooltip-label {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: bold;\n",
       "   font-style: normal;   \n",
       "}\n",
       "\n",
       "  </style>\n",
       "  <g id=\"pQziJz6\">\n",
       "    <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z\">\n",
       "    </path>\n",
       "    <g transform=\"translate(23.0 10.0 ) \">\n",
       "      <g transform=\"translate(13.980605455468202 0.0 ) \">\n",
       "        <line x1=\"49.99475121733121\" y1=\"344.0\" x2=\"49.99475121733121\" y2=\"-1.1368683772161603E-13\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"123.51644418399519\" y1=\"344.0\" x2=\"123.51644418399519\" y2=\"-1.1368683772161603E-13\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"197.03813715065917\" y1=\"344.0\" x2=\"197.03813715065917\" y2=\"-1.1368683772161603E-13\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"270.55983011732224\" y1=\"344.0\" x2=\"270.55983011732224\" y2=\"-1.1368683772161603E-13\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"344.0815230839862\" y1=\"344.0\" x2=\"344.0815230839862\" y2=\"-1.1368683772161603E-13\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"417.6032160506502\" y1=\"344.0\" x2=\"417.6032160506502\" y2=\"-1.1368683772161603E-13\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "      </g>\n",
       "      <g transform=\"translate(13.980605455468202 344.0 ) \">\n",
       "        <g transform=\"translate(49.99475121733121 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,900</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(123.51644418399519 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,920</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(197.03813715065917 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,940</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(270.55983011732224 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,960</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(344.0815230839862 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,980</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(417.6032160506502 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>2,000</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <line x1=\"0.0\" y1=\"0.0\" x2=\"452.8936286746481\" y2=\"0.0\" stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\">\n",
       "        </line>\n",
       "      </g>\n",
       "      <g transform=\"translate(13.980605455468202 0.0 ) \">\n",
       "        <line x1=\"0.0\" y1=\"273.9762866991577\" x2=\"452.8936286746484\" y2=\"273.9762866991577\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"205.99209556638584\" x2=\"452.8936286746484\" y2=\"205.99209556638584\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"138.00790443361404\" x2=\"452.8936286746484\" y2=\"138.00790443361404\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"70.02371330084219\" x2=\"452.8936286746484\" y2=\"70.02371330084219\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "      </g>\n",
       "      <g transform=\"translate(13.980605455468202 0.0 ) \">\n",
       "        <g transform=\"translate(0.0 341.96047783192955 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>3</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 273.9762866991577 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>4</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 205.99209556638584 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>5</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 138.00790443361404 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>6</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 70.02371330084219 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>7</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 2.0395221680703344 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>8</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(13.980605455468202 0.0 ) \" clip-path=\"url(#cLonAPt)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (452.8936286746481, 344.0)]\">\n",
       "        <defs>\n",
       "          <clipPath id=\"cLonAPt\">\n",
       "            <rect x=\"0.0\" y=\"0.0\" width=\"452.8936286746481\" height=\"344.0\">\n",
       "            </rect>\n",
       "          </clipPath>\n",
       "        </defs>\n",
       "        <g>\n",
       "          <path d=\"M20.58607403066617 199.19368293658636 L20.58607403066617 199.19368293658636 L31.61432797566522 80.22134845423562 L35.290412623998236 304.56917595064385 L38.96649727233216 239.9841911327718 L42.64258192066518 231.8260894935347 L46.3186665689982 254.94071512702487 L49.99475121733121 232.33596881990024 L53.67083586566423 223.55468043684448 L57.34692051399816 249.0487467087358 L61.023005162331174 180.49801983942285 L64.69908981066419 209.12982821291507 L68.37517445899721 235.65792118258383 L72.05125910733022 133.47561854128486 L75.72734375566324 173.35968252595984 L79.40342840399717 177.66534926106425 L83.07951305233019 201.45981777840382 L86.7555977006632 208.25823310965234 L90.43168234899622 109.1146264439248 L94.10776699732924 148.88537112477087 L97.78385164566316 135.17522980308183 L101.45993629399618 133.836148281929 L105.1360209423292 156.0722774432286 L108.81210559066221 132.60916070176597 L112.48819023899523 86.73649524185134 L116.16427488732916 97.47886990579917 L119.84035953566217 67.00219297455476 L123.51644418399519 88.71937031974534 L127.19252883232821 73.13965647500714 L130.86861348066122 60.753138835701634 L134.54469812899515 96.69443144517066 L138.22078277732817 113.97063778073795 L141.89686742566118 81.51628033403216 L145.5729520739942 74.37469965313102 L149.24903672232722 70.19803365143889 L152.92512137066024 57.93763055491985 L156.60120601899416 88.87387460178013 L160.27729066732718 136.49714388454902 L163.9533753156602 117.83481771660342 L167.6294599639932 95.11787548999149 L171.30554461232623 98.62239632747168 L174.98162926066016 107.39664293384504 L178.65771390899317 112.13119844161139 L182.3337985573262 105.67625260365861 L186.0098832056592 112.75223874160275 L189.68596785399222 116.37944485391807 L193.36205250232615 109.5225269874523 L197.03813715065917 117.24012946813548 L200.71422179899218 122.38839682120494 L204.3903064473252 105.45789745896849 L208.06639109565822 104.14016908553572 L211.74247574399124 106.3415832085438 L215.41856039232516 114.18580081735507 L219.09464504065818 107.80912946539257 L222.7707296889912 112.43289944053134 L226.4468143373242 103.54695254433341 L230.12289898565723 106.61090491034668 L233.79898363399116 105.88122924003875 L237.47506828232417 109.1782448754409 L241.1511529306572 111.197728013892 L244.8272375789902 117.2567091070095 L248.50332222732322 113.90768810060246 L252.17940687565715 116.87029167304723 L255.85549152399017 134.70926299605276 L259.5315761723232 132.84614199365126 L263.2076608206562 132.7783507500452 L266.8837454689892 127.01926308334305 L270.55983011732224 126.6612488134565 L274.23591476565616 140.18339950077274 L277.9119994139892 135.02131713306386 L281.5880840623222 133.82726774667367 L285.2641687106552 133.34387216979349 L288.94025335898823 150.19698892090173 L292.61633800732216 143.89255693575183 L296.2924226556552 163.4427864325329 L299.9685073039882 153.14624493227393 L303.6445919523212 175.37956058108625 L307.3206766006542 162.3151020781707 L310.99676124898815 183.33069838476678 L314.67284589732117 176.13471126714438 L318.3489305456542 176.57274641119227 L322.0250151939872 166.86650083458233 L325.7010998423202 161.460439132501 L329.37718449065324 173.9711384447089 L333.05326913898716 162.5868042663293 L336.7293537873202 161.36066606935663 L340.4054384356532 188.97726790645913 L344.0815230839862 181.24830014496337 L347.75760773231923 172.3365548399599 L351.43369238065316 174.89501967971677 L355.1097770289862 169.93506018318772 L358.7858616773192 168.96499139492664 L362.4619463256522 163.98201768470267 L366.1380309739852 181.22441077407854 L369.81411562231915 186.36285676791562 L373.49020027065217 183.47849027721873 L377.1662849189852 174.88417824768794 L380.8423695673182 190.65331293718464 L384.5184542156512 165.3939886995924 L388.19453886398423 180.66510401852628 L391.87062351231816 167.30532588759388 L395.5467081606512 179.08326877277688 L399.2227928089842 143.51422697259807 L402.8988774573172 152.91953080352783 L406.57496210565023 191.2835659703867 L410.25104675398416 148.1564471239456 L413.9271314023172 158.18092535161225 L417.6032160506502 144.8356696560345 L421.2793006989832 137.05158071590643 L424.9553853473162 129.06110830713646 L428.63146999565015 130.35054529722174 L432.30755464398317 139.8588728535206 \" fill=\"none\" stroke-width=\"2.2\" stroke=\"rgb(228,26,28)\" stroke-opacity=\"1.0\">\n",
       "          </path>\n",
       "        </g>\n",
       "        <g>\n",
       "          <path d=\"M35.290412623998236 256.9802389159647 L35.290412623998236 256.9802389159647 L42.64258192066518 328.3636363636363 L46.3186665689982 321.56522373383683 L83.07951305233019 199.19368293658636 L86.7555977006632 144.80631706341347 L94.10776699732924 212.79050819618533 L97.78385164566316 49.628442994055206 L101.45993629399618 117.61263412682706 L105.1360209423292 42.83003036425572 L119.84035953566217 22.434792474857318 L123.51644418399519 93.8181737138346 L130.86861348066122 17.90249577673194 L134.54469812899515 36.03161773445623 L138.22078277732817 42.83003036425572 L141.89686742566118 80.22134845423562 L145.5729520739942 42.83004657294998 L149.24903672232722 36.03161773445623 L152.92512137066024 76.82212593064168 L156.60120601899416 15.636363636363512 L160.27729066732718 131.20949180381456 L163.9533753156602 53.87747114854773 L167.6294599639932 90.98550718764955 L171.30554461232623 98.57707227991085 L174.98162926066016 172.97121106636797 L178.65771390899317 118.17917661699079 L182.3337985573262 152.57594539063655 L186.0098832056592 46.229252887849725 L189.68596785399222 101.74967132396159 L193.36205250232615 140.72727272727263 L197.03813715065917 172.45322858923282 L200.71422179899218 142.7145027799965 L204.3903064473252 199.193674355513 L208.06639109565822 152.05797232998094 L211.74247574399124 165.48484916021073 L215.41856039232516 144.00650953356444 L219.09464504065818 201.62168628946517 L222.7707296889912 253.58103260106498 L226.4468143373242 189.67589228791167 L230.12289898565723 146.5059283252105 L237.47506828232417 137.15809880271553 L241.1511529306572 182.68322679341094 L244.8272375789902 135.74175968648342 L248.50332222732322 143.1067139059636 L252.17940687565715 169.96047459019064 L255.85549152399017 211.71707888850494 L259.5315761723232 256.6403197027355 L263.2076608206562 239.9841904574095 L266.8837454689892 225.46864656926465 L270.55983011732224 155.94817574292648 L274.23591476565616 208.80523378321425 L277.9119994139892 228.12311838476006 L281.5880840623222 195.70730751082607 L285.2641687106552 212.7905155466397 L288.94025335898823 250.73517810325274 L292.61633800732216 233.7900744638826 L296.2924226556552 241.68379789215373 L299.9685073039882 210.30328880733992 L303.6445919523212 248.72501547543249 L307.3206766006542 246.90850854718036 L310.99676124898815 238.2073329179675 L314.67284589732117 254.74647407151514 L318.3489305456542 220.3679195358293 L322.0250151939872 241.49495028287203 L325.7010998423202 244.60711690781756 L329.37718449065324 226.71630864362004 L333.05326913898716 231.71278018506723 L336.7293537873202 225.41615032046968 L340.4054384356532 244.6497736717215 L344.0815230839862 235.70025766622769 L347.75760773231923 243.6633343736554 L351.43369238065316 249.9758092388858 L355.1097770289862 250.32961257963018 L358.7858616773192 255.4845860302786 L362.4619463256522 245.87615512068442 L366.1380309739852 233.2648234045327 L369.81411562231915 253.08358428237727 L373.49020027065217 246.30045310353466 L377.1662849189852 263.1216682873852 L380.8423695673182 260.1669981285743 L384.5184542156512 241.13197655677504 L388.19453886398423 240.40909232735157 L391.87062351231816 246.33534723829894 L395.5467081606512 223.80203816178073 L399.2227928089842 234.1445215211108 L402.8988774573172 233.89210161482094 L406.57496210565023 221.54250257817478 L410.25104675398416 227.64891528273773 L413.9271314023172 211.47853923192918 L417.6032160506502 207.76559703855764 L421.2793006989832 201.85392830313071 L424.9553853473162 178.50283669542188 L428.63146999565015 179.88222552868922 L432.30755464398317 165.5956928443922 \" fill=\"none\" stroke-width=\"2.2\" stroke=\"rgb(55,126,184)\" stroke-opacity=\"1.0\">\n",
       "          </path>\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <g transform=\"translate(14.5 182.0 ) rotate(-90.0 ) \">\n",
       "      <text class=\"axis-title-y\" y=\"0.0\" text-anchor=\"middle\">\n",
       "        <tspan>meanRank</tspan>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(263.42741979279225 391.5 ) \">\n",
       "      <text class=\"axis-title-x\" y=\"0.0\" text-anchor=\"middle\">\n",
       "        <tspan>year</tspan>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(499.8742341301163 137.75 ) \">\n",
       "      <rect x=\"5.0\" y=\"5.0\" height=\"78.5\" width=\"90.1257658698837\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "      </rect>\n",
       "      <g transform=\"translate(10.0 10.0 ) \">\n",
       "        <g transform=\"translate(0.0 10.5 ) \">\n",
       "          <text class=\"legend-title\" y=\"0.0\">\n",
       "            <tspan>genre</tspan>\n",
       "          </text>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 22.5 ) \">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <line x1=\"0.0\" y1=\"10.5\" x2=\"21.0\" y2=\"10.5\" stroke=\"rgb(228,26,28)\" stroke-opacity=\"1.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "                  </line>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Comedy</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 23.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <line x1=\"0.0\" y1=\"10.5\" x2=\"21.0\" y2=\"10.5\" stroke=\"rgb(55,126,184)\" stroke-opacity=\"1.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "                  </line>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Horror</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z\">\n",
       "    </path>\n",
       "  </g>\n",
       "  <g id=\"dkdqdm7\">\n",
       "  </g>\n",
       "</svg>\n",
       "        <script>document.getElementById(\"b8383ff5-244a-4810-96f7-a044c4699c77\").style.display = \"none\";</script>"
      ],
      "application/plot+json": {
       "output_type": "lets_plot_spec",
       "output": {
        "mapping": {},
        "data": {
         "meanRank": [
          5.1,
          6.85,
          3.55,
          4.25,
          4.5,
          4.62,
          3.2,
          4.2799997,
          3.3,
          4.6125,
          4.741667,
          4.366667,
          5.375,
          4.953846,
          4.5636363,
          6.0666666,
          5.48,
          5.4166665,
          5.0666666,
          5.1,
          4.9666667,
          5.9,
          6.4249997,
          5.84,
          4.9,
          6.0416665,
          7.3,
          6.0613637,
          6.3,
          5.734286,
          7.4,
          6.079412,
          6.7541666,
          6.5961537,
          7.0444446,
          7.7,
          6.725,
          6.65,
          6.954167,
          7.1363635,
          7.766667,
          6.6076922,
          7.5,
          6.3535714,
          7.4,
          6.830952,
          6.85,
          6.936,
          7.3999996,
          6.997436,
          7.5,
          7.177778,
          6.9,
          6.7227273,
          7.7999997,
          6.022222,
          6.1,
          6.296732,
          7.2374997,
          6.6308823,
          6.6916666,
          6.5793333,
          6.58,
          6.45027,
          5.485714,
          6.380628,
          6.2916665,
          6.475576,
          5.785714,
          6.3714933,
          7.35,
          6.3181396,
          6.5333333,
          6.419,
          5.96,
          6.3054795,
          5.4933333,
          6.229752,
          5.9307694,
          6.478788,
          5.1,
          6.498171,
          5.7933335,
          6.4657893,
          5.5958333,
          6.3504066,
          5.9117646,
          6.444203,
          5.0642858,
          6.3761907,
          4.2999997,
          6.5068965,
          5.24,
          6.4618278,
          5.875,
          6.472561,
          6.424064,
          6.0125003,
          6.394359,
          5.3428574,
          6.3052354,
          6.0333333,
          6.3544974,
          5.925,
          6.31092,
          5.53,
          6.0485206,
          4.9157896,
          6.075926,
          4.255,
          6.076923,
          4.5,
          6.1616354,
          4.7135134,
          6.1669016,
          5.736111,
          5.968,
          4.9586205,
          6.0439305,
          4.674468,
          6.0614944,
          5.151282,
          6.0686045,
          4.9,
          5.820707,
          4.3418603,
          5.9134407,
          4.591111,
          5.6258707,
          4.475,
          5.7773256,
          4.9365854,
          5.4502892,
          4.3714285,
          5.642458,
          4.398148,
          5.3333335,
          4.5261364,
          5.4391813,
          4.282857,
          5.4327383,
          4.788542,
          5.57551,
          4.477778,
          5.65503,
          4.432,
          5.471006,
          4.6951613,
          5.6384616,
          4.621667,
          5.656497,
          4.714286,
          5.250276,
          4.4313726,
          5.363964,
          4.5630136,
          5.4950495,
          4.4458823,
          5.457416,
          4.35303,
          5.530374,
          4.347826,
          5.544643,
          4.272,
          5.617939,
          4.4133334,
          5.3643155,
          4.5988374,
          5.2887325,
          4.3073173,
          5.3311596,
          4.407092,
          5.457576,
          4.1596637,
          5.2256227,
          4.203125,
          5.59717,
          4.483117,
          5.3725424,
          4.49375,
          5.5690556,
          4.406579,
          5.39581,
          4.738028,
          5.919006,
          4.5858974,
          5.78066,
          4.5896106,
          5.216352,
          4.7712646,
          5.850722,
          4.681443,
          5.703269,
          4.919298,
          5.8995686,
          4.973913,
          6.0140667,
          5.0608697,
          6.1316013,
          5.404348,
          6.112634,
          5.384058,
          5.9727736,
          5.594203
         ],
         "year": [
          1892.0,
          1895.0,
          1896.0,
          1896.0,
          1897.0,
          1898.0,
          1898.0,
          1899.0,
          1899.0,
          1900.0,
          1901.0,
          1902.0,
          1903.0,
          1904.0,
          1905.0,
          1906.0,
          1907.0,
          1908.0,
          1909.0,
          1909.0,
          1910.0,
          1910.0,
          1911.0,
          1912.0,
          1912.0,
          1913.0,
          1913.0,
          1914.0,
          1914.0,
          1915.0,
          1915.0,
          1916.0,
          1917.0,
          1918.0,
          1919.0,
          1919.0,
          1920.0,
          1920.0,
          1921.0,
          1922.0,
          1922.0,
          1923.0,
          1923.0,
          1924.0,
          1924.0,
          1925.0,
          1925.0,
          1926.0,
          1926.0,
          1927.0,
          1927.0,
          1928.0,
          1928.0,
          1929.0,
          1929.0,
          1930.0,
          1930.0,
          1931.0,
          1931.0,
          1932.0,
          1932.0,
          1933.0,
          1933.0,
          1934.0,
          1934.0,
          1935.0,
          1935.0,
          1936.0,
          1936.0,
          1937.0,
          1937.0,
          1938.0,
          1938.0,
          1939.0,
          1939.0,
          1940.0,
          1940.0,
          1941.0,
          1941.0,
          1942.0,
          1942.0,
          1943.0,
          1943.0,
          1944.0,
          1944.0,
          1945.0,
          1945.0,
          1946.0,
          1946.0,
          1947.0,
          1947.0,
          1948.0,
          1948.0,
          1949.0,
          1949.0,
          1950.0,
          1951.0,
          1951.0,
          1952.0,
          1952.0,
          1953.0,
          1953.0,
          1954.0,
          1954.0,
          1955.0,
          1955.0,
          1956.0,
          1956.0,
          1957.0,
          1957.0,
          1958.0,
          1958.0,
          1959.0,
          1959.0,
          1960.0,
          1960.0,
          1961.0,
          1961.0,
          1962.0,
          1962.0,
          1963.0,
          1963.0,
          1964.0,
          1964.0,
          1965.0,
          1965.0,
          1966.0,
          1966.0,
          1967.0,
          1967.0,
          1968.0,
          1968.0,
          1969.0,
          1969.0,
          1970.0,
          1970.0,
          1971.0,
          1971.0,
          1972.0,
          1972.0,
          1973.0,
          1973.0,
          1974.0,
          1974.0,
          1975.0,
          1975.0,
          1976.0,
          1976.0,
          1977.0,
          1977.0,
          1978.0,
          1978.0,
          1979.0,
          1979.0,
          1980.0,
          1980.0,
          1981.0,
          1981.0,
          1982.0,
          1982.0,
          1983.0,
          1983.0,
          1984.0,
          1984.0,
          1985.0,
          1985.0,
          1986.0,
          1986.0,
          1987.0,
          1987.0,
          1988.0,
          1988.0,
          1989.0,
          1989.0,
          1990.0,
          1990.0,
          1991.0,
          1991.0,
          1992.0,
          1992.0,
          1993.0,
          1993.0,
          1994.0,
          1994.0,
          1995.0,
          1995.0,
          1996.0,
          1996.0,
          1997.0,
          1997.0,
          1998.0,
          1998.0,
          1999.0,
          1999.0,
          2000.0,
          2000.0,
          2001.0,
          2001.0,
          2002.0,
          2002.0,
          2003.0,
          2003.0,
          2004.0,
          2004.0
         ],
         "genre": [
          "Comedy",
          "Comedy",
          "Comedy",
          "Horror",
          "Comedy",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Comedy",
          "Comedy",
          "Comedy",
          "Comedy",
          "Comedy",
          "Comedy",
          "Comedy",
          "Comedy",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Comedy",
          "Comedy",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror",
          "Comedy",
          "Horror"
         ]
        },
        "kind": "plot",
        "scales": [
         {
          "aesthetic": "x",
          "limits": [
           null,
           null
          ]
         },
         {
          "aesthetic": "y",
          "limits": [
           null,
           null
          ]
         },
         {
          "aesthetic": "color",
          "discrete": true
         }
        ],
        "layers": [
         {
          "mapping": {
           "x": "year",
           "y": "meanRank",
           "color": "genre"
          },
          "stat": "identity",
          "size": 1.0,
          "sampling": "none",
          "position": "identity",
          "geom": "line"
         }
        ]
       },
       "apply_color_scheme": true,
       "swing_enabled": true
      }
     },
     "execution_count": 15,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "execution_count": 15
  },
  {
   "cell_type": "markdown",
   "source": [
    "**How are popular different genres in different years?**"
   ],
   "metadata": {
    "collapsed": false
   }
  },
  {
   "cell_type": "code",
   "source": [
    "val sqlQuery = \"\"\"\n",
    "SELECT name, year, genre\n",
    "FROM movies\n",
    "INNER JOIN movies_genres ON movies.id = movies_genres.movie_id\n",
    "WHERE movies.year < 1940\n",
    "\"\"\"\n",
    "\n",
    "val moviesDf = DataFrame.readSqlQuery(dbConfig, sqlQuery)\n",
    "moviesDf"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:59:12.433313300Z",
     "start_time": "2024-03-25T15:59:09.614355Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <iframe onload=\"o_resize_iframe_out_5()\" style=\"width:100%;\" class=\"result_container\" id=\"iframe_out_5\" frameBorder=\"0\" srcdoc=\"        &lt;html&gt;\n",
       "        &lt;head&gt;\n",
       "            &lt;style type=&quot;text&sol;css&quot;&gt;\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover &gt; td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "&sol;* formatting *&sol;\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       ":root {\n",
       "    --scroll-bg: #f5f5f5;\n",
       "    --scroll-fg: #b3b3b3;\n",
       "}\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;]{\n",
       "    --scroll-bg: #3c3c3c;\n",
       "    --scroll-fg: #97e1fb;\n",
       "}\n",
       "body {\n",
       "    scrollbar-color: var(--scroll-fg) var(--scroll-bg);\n",
       "}\n",
       "body::-webkit-scrollbar {\n",
       "    width: 10px; &sol;* Mostly for vertical scrollbars *&sol;\n",
       "    height: 10px; &sol;* Mostly for horizontal scrollbars *&sol;\n",
       "}\n",
       "body::-webkit-scrollbar-thumb {\n",
       "    background-color: var(--scroll-fg);\n",
       "}\n",
       "body::-webkit-scrollbar-track {\n",
       "    background-color: var(--scroll-bg);\n",
       "}\n",
       "            &lt;&sol;style&gt;\n",
       "        &lt;&sol;head&gt;\n",
       "        &lt;body&gt;\n",
       "            &lt;table class=&quot;dataframe&quot; id=&quot;df_956301320&quot;&gt;&lt;&sol;table&gt;\n",
       "\n",
       "&lt;p class=&quot;dataframe_description&quot;&gt;... showing only top 20 of 92266 rows&lt;&sol;p&gt;&lt;p class=&quot;dataframe_description&quot;&gt;DataFrame: rowsCount = 92266, columnsCount = 3&lt;&sol;p&gt;\n",
       "\n",
       "        &lt;&sol;body&gt;\n",
       "        &lt;script&gt;\n",
       "            (function () {\n",
       "    window.DataFrame = window.DataFrame || new (function () {\n",
       "        this.addTable = function (df) {\n",
       "            let cols = df.cols;\n",
       "            for (let i = 0; i &lt; cols.length; i++) {\n",
       "                for (let c of cols[i].children) {\n",
       "                    cols[c].parent = i;\n",
       "                }\n",
       "            }\n",
       "            df.nrow = 0\n",
       "            for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                if (df.cols[i].values.length &gt; df.nrow) df.nrow = df.cols[i].values.length\n",
       "            }\n",
       "            if (df.id === df.rootId) {\n",
       "                df.expandedFrames = new Set()\n",
       "                df.childFrames = {}\n",
       "                const table = this.getTableElement(df.id)\n",
       "                table.df = df\n",
       "                for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                    let col = df.cols[i]\n",
       "                    if (col.parent === undefined &amp;&amp; col.children.length &gt; 0) col.expanded = true\n",
       "                }\n",
       "            } else {\n",
       "                const rootDf = this.getTableData(df.rootId)\n",
       "                rootDf.childFrames[df.id] = df\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.computeRenderData = function (df) {\n",
       "            let result = []\n",
       "            let pos = 0\n",
       "            for (let col = 0; col &lt; df.cols.length; col++) {\n",
       "                if (df.cols[col].parent === undefined)\n",
       "                    pos += this.computeRenderDataRec(df.cols, col, pos, 0, result, false, false)\n",
       "            }\n",
       "            for (let i = 0; i &lt; result.length; i++) {\n",
       "                let row = result[i]\n",
       "                for (let j = 0; j &lt; row.length; j++) {\n",
       "                    let cell = row[j]\n",
       "                    if (j === 0)\n",
       "                        cell.leftBd = false\n",
       "                    if (j &lt; row.length - 1) {\n",
       "                        let nextData = row[j + 1]\n",
       "                        if (nextData.leftBd) cell.rightBd = true\n",
       "                        else if (cell.rightBd) nextData.leftBd = true\n",
       "                    } else cell.rightBd = false\n",
       "                }\n",
       "            }\n",
       "            return result\n",
       "        }\n",
       "\n",
       "        this.computeRenderDataRec = function (cols, colId, pos, depth, result, leftBorder, rightBorder) {\n",
       "            if (result.length === depth) {\n",
       "                const array = [];\n",
       "                if (pos &gt; 0) {\n",
       "                    let j = 0\n",
       "                    for (let i = 0; j &lt; pos; i++) {\n",
       "                        let c = result[depth - 1][i]\n",
       "                        j += c.span\n",
       "                        let copy = Object.assign({empty: true}, c)\n",
       "                        array.push(copy)\n",
       "                    }\n",
       "                }\n",
       "                result.push(array)\n",
       "            }\n",
       "            const col = cols[colId];\n",
       "            let size = 0;\n",
       "            if (col.expanded) {\n",
       "                let childPos = pos\n",
       "                for (let i = 0; i &lt; col.children.length; i++) {\n",
       "                    let child = col.children[i]\n",
       "                    let childLeft = i === 0 &amp;&amp; (col.children.length &gt; 1 || leftBorder)\n",
       "                    let childRight = i === col.children.length - 1 &amp;&amp; (col.children.length &gt; 1 || rightBorder)\n",
       "                    let childSize = this.computeRenderDataRec(cols, child, childPos, depth + 1, result, childLeft, childRight)\n",
       "                    childPos += childSize\n",
       "                    size += childSize\n",
       "                }\n",
       "            } else {\n",
       "                for (let i = depth + 1; i &lt; result.length; i++)\n",
       "                    result[i].push({id: colId, span: 1, leftBd: leftBorder, rightBd: rightBorder, empty: true})\n",
       "                size = 1\n",
       "            }\n",
       "            let left = leftBorder\n",
       "            let right = rightBorder\n",
       "            if (size &gt; 1) {\n",
       "                left = true\n",
       "                right = true\n",
       "            }\n",
       "            result[depth].push({id: colId, span: size, leftBd: left, rightBd: right})\n",
       "            return size\n",
       "        }\n",
       "\n",
       "        this.getTableElement = function (id) {\n",
       "            return document.getElementById(&quot;df_&quot; + id)\n",
       "        }\n",
       "\n",
       "        this.getTableData = function (id) {\n",
       "            return this.getTableElement(id).df\n",
       "        }\n",
       "\n",
       "        this.createExpander = function (isExpanded) {\n",
       "            const svgNs = &quot;http:&sol;&sol;www.w3.org&sol;2000&sol;svg&quot;\n",
       "            let svg = document.createElementNS(svgNs, &quot;svg&quot;)\n",
       "            svg.classList.add(&quot;expanderSvg&quot;)\n",
       "            let path = document.createElementNS(svgNs, &quot;path&quot;)\n",
       "            if (isExpanded) {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;0 -2 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 4 4 4 -4 -1 -1 -3 3Z&quot;)\n",
       "            } else {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;-2 0 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 3 3 -3 3 1 1 4 -4Z&quot;)\n",
       "            }\n",
       "            path.setAttribute(&quot;fill&quot;, &quot;currentColor&quot;)\n",
       "            svg.appendChild(path)\n",
       "            return svg\n",
       "        }\n",
       "\n",
       "        this.renderTable = function (id) {\n",
       "\n",
       "            let table = this.getTableElement(id)\n",
       "\n",
       "            if (table === null) return\n",
       "\n",
       "            table.innerHTML = &quot;&quot;\n",
       "\n",
       "            let df = table.df\n",
       "            let rootDf = df.rootId === df.id ? df : this.getTableData(df.rootId)\n",
       "\n",
       "            &sol;&sol; header\n",
       "            let header = document.createElement(&quot;thead&quot;)\n",
       "            table.appendChild(header)\n",
       "\n",
       "            let renderData = this.computeRenderData(df)\n",
       "            for (let j = 0; j &lt; renderData.length; j++) {\n",
       "                let rowData = renderData[j]\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                let isLastRow = j === renderData.length - 1\n",
       "                header.appendChild(tr);\n",
       "                for (let i = 0; i &lt; rowData.length; i++) {\n",
       "                    let cell = rowData[i]\n",
       "                    let th = document.createElement(&quot;th&quot;);\n",
       "                    th.setAttribute(&quot;colspan&quot;, cell.span)\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId];\n",
       "                    if (!cell.empty) {\n",
       "                        if (col.children.length === 0) {\n",
       "                            th.innerHTML = col.name\n",
       "                        } else {\n",
       "                            let link = document.createElement(&quot;a&quot;)\n",
       "                            link.className = &quot;expander&quot;\n",
       "                            let that = this\n",
       "                            link.onclick = function () {\n",
       "                                col.expanded = !col.expanded\n",
       "                                that.renderTable(id)\n",
       "                            }\n",
       "                            link.appendChild(this.createExpander(col.expanded))\n",
       "                            link.innerHTML += col.name\n",
       "                            th.appendChild(link)\n",
       "                        }\n",
       "                    }\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (isLastRow)\n",
       "                        classes += &quot; bottomBorder&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        th.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(th)\n",
       "                }\n",
       "            }\n",
       "\n",
       "            &sol;&sol; body\n",
       "            let body = document.createElement(&quot;tbody&quot;)\n",
       "            table.appendChild(body)\n",
       "\n",
       "            let columns = renderData.pop()\n",
       "            for (let row = 0; row &lt; df.nrow; row++) {\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                body.appendChild(tr)\n",
       "                for (let i = 0; i &lt; columns.length; i++) {\n",
       "                    let cell = columns[i]\n",
       "                    let td = document.createElement(&quot;td&quot;);\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId]\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        td.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(td)\n",
       "                    let value = col.values[row]\n",
       "                    if (value.frameId !== undefined) {\n",
       "                        let frameId = value.frameId\n",
       "                        let expanded = rootDf.expandedFrames.has(frameId)\n",
       "                        let link = document.createElement(&quot;a&quot;)\n",
       "                        link.className = &quot;expander&quot;\n",
       "                        let that = this\n",
       "                        link.onclick = function () {\n",
       "                            if (rootDf.expandedFrames.has(frameId))\n",
       "                                rootDf.expandedFrames.delete(frameId)\n",
       "                            else rootDf.expandedFrames.add(frameId)\n",
       "                            that.renderTable(id)\n",
       "                        }\n",
       "                        link.appendChild(this.createExpander(expanded))\n",
       "                        link.innerHTML += value.value\n",
       "                        if (expanded) {\n",
       "                            td.appendChild(link)\n",
       "                            td.appendChild(document.createElement(&quot;p&quot;))\n",
       "                            const childTable = document.createElement(&quot;table&quot;)\n",
       "                            childTable.className = &quot;dataframe&quot;\n",
       "                            childTable.id = &quot;df_&quot; + frameId\n",
       "                            let childDf = rootDf.childFrames[frameId]\n",
       "                            childTable.df = childDf\n",
       "                            td.appendChild(childTable)\n",
       "                            this.renderTable(frameId)\n",
       "                            if (childDf.nrow !== childDf.totalRows) {\n",
       "                                const footer = document.createElement(&quot;p&quot;)\n",
       "                                footer.innerText = `... showing only top ${childDf.nrow} of ${childDf.totalRows} rows`\n",
       "                                td.appendChild(footer)\n",
       "                            }\n",
       "                        } else {\n",
       "                            td.appendChild(link)\n",
       "                        }\n",
       "                    } else if (value.style !== undefined) {\n",
       "                        td.innerHTML = value.value\n",
       "                        td.setAttribute(&quot;style&quot;, value.style)\n",
       "                    } else td.innerHTML = value\n",
       "                    this.nodeScriptReplace(td)\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.nodeScriptReplace = function (node) {\n",
       "            if (this.nodeScriptIs(node) === true) {\n",
       "                node.parentNode.replaceChild(this.nodeScriptClone(node), node);\n",
       "            } else {\n",
       "                let i = -1, children = node.childNodes;\n",
       "                while (++i &lt; children.length) {\n",
       "                    this.nodeScriptReplace(children[i]);\n",
       "                }\n",
       "            }\n",
       "\n",
       "            return node;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptClone = function (node) {\n",
       "            let script = document.createElement(&quot;script&quot;);\n",
       "            script.text = node.innerHTML;\n",
       "\n",
       "            let i = -1, attrs = node.attributes, attr;\n",
       "            while (++i &lt; attrs.length) {\n",
       "                script.setAttribute((attr = attrs[i]).name, attr.value);\n",
       "            }\n",
       "            return script;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptIs = function (node) {\n",
       "            return node.tagName === 'SCRIPT';\n",
       "        }\n",
       "    })()\n",
       "\n",
       "    window.call_DataFrame = function (f) {\n",
       "        return f();\n",
       "    };\n",
       "\n",
       "    let funQueue = window[&quot;kotlinQueues&quot;] &amp;&amp; window[&quot;kotlinQueues&quot;][&quot;DataFrame&quot;];\n",
       "    if (funQueue) {\n",
       "        funQueue.forEach(function (f) {\n",
       "            f();\n",
       "        });\n",
       "        funQueue = [];\n",
       "    }\n",
       "})()\n",
       "\n",
       "&sol;*&lt;!--*&sol;\n",
       "call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: &quot;&lt;span title=&bsol;&quot;name: String?&bsol;&quot;&gt;name&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;$1,000 Reward&quot;,&quot;$10,000 Under a Pillow&quot;,&quot;$10,000 Under a Pillow&quot;,&quot;$10,000 Under a Pillow&quot;,&quot;$100,000&quot;,&quot;$1000 a Touchdown&quot;,&quot;$20,000 Carat, The&quot;,&quot;$20,000 Carat, The&quot;,&quot;$20,000 Carat, The&quot;,&quot;$2500 Bride, The&quot;,&quot;$2500 Bride, The&quot;,&quot;$2500 Bride, The&quot;,&quot;$5,000 Reward&quot;,&quot;$5,000,000 Counterfeiting Plot, The&quot;,&quot;$5,000,000 Counterfeiting Plot, The&quot;,&quot;$50,000 Jewel Theft, The&quot;,&quot;$50,000 Reward&quot;,&quot;$500 Reward, The&quot;,&quot;$500 Reward, The&quot;,&quot;$500,000 Reward&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;year: Int?&bsol;&quot;&gt;year&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1923&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1921&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1921&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1921&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1915&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1939&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1913&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1913&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1913&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1912&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1912&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1912&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1918&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1914&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1914&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1915&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1924&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1911&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1911&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1911&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;genre: String&bsol;&quot;&gt;genre&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;Western&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Short&quot;,&quot;Drama&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Drama&quot;,&quot;Short&quot;,&quot;Drama&quot;,&quot;Romance&quot;,&quot;Short&quot;,&quot;Mystery&quot;,&quot;Crime&quot;,&quot;Thriller&quot;,&quot;Short&quot;,&quot;Western&quot;,&quot;Comedy&quot;,&quot;Short&quot;,&quot;Comedy&quot;] }, \n",
       "], id: 956301320, rootId: 956301320, totalRows: 92266 } ) });\n",
       "&sol;*--&gt;*&sol;\n",
       "\n",
       "call_DataFrame(function() { DataFrame.renderTable(956301320) });\n",
       "\n",
       "\n",
       "        &lt;&sol;script&gt;\n",
       "        &lt;&sol;html&gt;\"></iframe>\n",
       "            <script>\n",
       "                function o_resize_iframe_out_5() {\n",
       "                    let elem = document.getElementById(\"iframe_out_5\");\n",
       "                    resize_iframe_out_5(elem);\n",
       "                    setInterval(resize_iframe_out_5, 5000, elem);\n",
       "                }\n",
       "                function resize_iframe_out_5(el) {\n",
       "                    let h = el.contentWindow.document.body.scrollHeight;\n",
       "                    el.height = h === 0 ? 0 : h + 41;\n",
       "                }\n",
       "            </script>        <html>\n",
       "        <head>\n",
       "            <style type=\"text/css\">\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "            </style>\n",
       "        </head>\n",
       "        <body>\n",
       "            <table class=\"dataframe\" id=\"static_df_956301321\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">name</th><th class=\"bottomBorder\" style=\"text-align:left\">year</th><th class=\"bottomBorder\" style=\"text-align:left\">genre</th></tr></thead><tbody><tr><td  style=\"vertical-align:top\">$1,000 Reward</td><td  style=\"vertical-align:top\">1923</td><td  style=\"vertical-align:top\">Western</td></tr><tr><td  style=\"vertical-align:top\">$10,000 Under a Pillow</td><td  style=\"vertical-align:top\">1921</td><td  style=\"vertical-align:top\">Animation</td></tr><tr><td  style=\"vertical-align:top\">$10,000 Under a Pillow</td><td  style=\"vertical-align:top\">1921</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">$10,000 Under a Pillow</td><td  style=\"vertical-align:top\">1921</td><td  style=\"vertical-align:top\">Short</td></tr><tr><td  style=\"vertical-align:top\">$100,000</td><td  style=\"vertical-align:top\">1915</td><td  style=\"vertical-align:top\">Drama</td></tr><tr><td  style=\"vertical-align:top\">$1000 a Touchdown</td><td  style=\"vertical-align:top\">1939</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">$20,000 Carat, The</td><td  style=\"vertical-align:top\">1913</td><td  style=\"vertical-align:top\">Crime</td></tr><tr><td  style=\"vertical-align:top\">$20,000 Carat, The</td><td  style=\"vertical-align:top\">1913</td><td  style=\"vertical-align:top\">Drama</td></tr><tr><td  style=\"vertical-align:top\">$20,000 Carat, The</td><td  style=\"vertical-align:top\">1913</td><td  style=\"vertical-align:top\">Short</td></tr><tr><td  style=\"vertical-align:top\">$2500 Bride, The</td><td  style=\"vertical-align:top\">1912</td><td  style=\"vertical-align:top\">Drama</td></tr><tr><td  style=\"vertical-align:top\">$2500 Bride, The</td><td  style=\"vertical-align:top\">1912</td><td  style=\"vertical-align:top\">Romance</td></tr><tr><td  style=\"vertical-align:top\">$2500 Bride, The</td><td  style=\"vertical-align:top\">1912</td><td  style=\"vertical-align:top\">Short</td></tr><tr><td  style=\"vertical-align:top\">$5,000 Reward</td><td  style=\"vertical-align:top\">1918</td><td  style=\"vertical-align:top\">Mystery</td></tr><tr><td  style=\"vertical-align:top\">$5,000,000 Counterfeiting Plot, The</td><td  style=\"vertical-align:top\">1914</td><td  style=\"vertical-align:top\">Crime</td></tr><tr><td  style=\"vertical-align:top\">$5,000,000 Counterfeiting Plot, The</td><td  style=\"vertical-align:top\">1914</td><td  style=\"vertical-align:top\">Thriller</td></tr><tr><td  style=\"vertical-align:top\">$50,000 Jewel Theft, The</td><td  style=\"vertical-align:top\">1915</td><td  style=\"vertical-align:top\">Short</td></tr><tr><td  style=\"vertical-align:top\">$50,000 Reward</td><td  style=\"vertical-align:top\">1924</td><td  style=\"vertical-align:top\">Western</td></tr><tr><td  style=\"vertical-align:top\">$500 Reward, The</td><td  style=\"vertical-align:top\">1911</td><td  style=\"vertical-align:top\">Comedy</td></tr><tr><td  style=\"vertical-align:top\">$500 Reward, The</td><td  style=\"vertical-align:top\">1911</td><td  style=\"vertical-align:top\">Short</td></tr><tr><td  style=\"vertical-align:top\">$500,000 Reward</td><td  style=\"vertical-align:top\">1911</td><td  style=\"vertical-align:top\">Comedy</td></tr></tbody></table>\n",
       "        </body>\n",
       "        <script>\n",
       "            document.getElementById(\"static_df_956301321\").style.display = \"none\";\n",
       "        </script>\n",
       "        </html>"
      ],
      "application/kotlindataframe+json": "{\"$version\":\"2.0.0\",\"metadata\":{\"columns\":[\"name\",\"year\",\"genre\"],\"nrow\":92266,\"ncol\":3},\"kotlin_dataframe\":[{\"name\":\"$1,000 Reward\",\"year\":1923,\"genre\":\"Western\"},{\"name\":\"$10,000 Under a Pillow\",\"year\":1921,\"genre\":\"Animation\"},{\"name\":\"$10,000 Under a Pillow\",\"year\":1921,\"genre\":\"Comedy\"},{\"name\":\"$10,000 Under a Pillow\",\"year\":1921,\"genre\":\"Short\"},{\"name\":\"$100,000\",\"year\":1915,\"genre\":\"Drama\"},{\"name\":\"$1000 a Touchdown\",\"year\":1939,\"genre\":\"Comedy\"},{\"name\":\"$20,000 Carat, The\",\"year\":1913,\"genre\":\"Crime\"},{\"name\":\"$20,000 Carat, The\",\"year\":1913,\"genre\":\"Drama\"},{\"name\":\"$20,000 Carat, The\",\"year\":1913,\"genre\":\"Short\"},{\"name\":\"$2500 Bride, The\",\"year\":1912,\"genre\":\"Drama\"},{\"name\":\"$2500 Bride, The\",\"year\":1912,\"genre\":\"Romance\"},{\"name\":\"$2500 Bride, The\",\"year\":1912,\"genre\":\"Short\"},{\"name\":\"$5,000 Reward\",\"year\":1918,\"genre\":\"Mystery\"},{\"name\":\"$5,000,000 Counterfeiting Plot, The\",\"year\":1914,\"genre\":\"Crime\"},{\"name\":\"$5,000,000 Counterfeiting Plot, The\",\"year\":1914,\"genre\":\"Thriller\"},{\"name\":\"$50,000 Jewel Theft, The\",\"year\":1915,\"genre\":\"Short\"},{\"name\":\"$50,000 Reward\",\"year\":1924,\"genre\":\"Western\"},{\"name\":\"$500 Reward, The\",\"year\":1911,\"genre\":\"Comedy\"},{\"name\":\"$500 Reward, The\",\"year\":1911,\"genre\":\"Short\"},{\"name\":\"$500,000 Reward\",\"year\":1911,\"genre\":\"Comedy\"}]}"
     },
     "execution_count": 16,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "execution_count": 16
  },
  {
   "cell_type": "code",
   "source": [
    "val aggregatedDF = moviesDf\n",
    "    .select { year and genre }\n",
    "    .groupBy { year and genre }\n",
    "    .aggregate {  count()  into \"count\" }\n",
    "    .sortBy { year and genre }\n",
    "    \n",
    "aggregatedDF"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:59:14.095729400Z",
     "start_time": "2024-03-25T15:59:12.446142600Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <iframe onload=\"o_resize_iframe_out_6()\" style=\"width:100%;\" class=\"result_container\" id=\"iframe_out_6\" frameBorder=\"0\" srcdoc=\"        &lt;html&gt;\n",
       "        &lt;head&gt;\n",
       "            &lt;style type=&quot;text&sol;css&quot;&gt;\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover &gt; td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "&sol;* formatting *&sol;\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       ":root {\n",
       "    --scroll-bg: #f5f5f5;\n",
       "    --scroll-fg: #b3b3b3;\n",
       "}\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;]{\n",
       "    --scroll-bg: #3c3c3c;\n",
       "    --scroll-fg: #97e1fb;\n",
       "}\n",
       "body {\n",
       "    scrollbar-color: var(--scroll-fg) var(--scroll-bg);\n",
       "}\n",
       "body::-webkit-scrollbar {\n",
       "    width: 10px; &sol;* Mostly for vertical scrollbars *&sol;\n",
       "    height: 10px; &sol;* Mostly for horizontal scrollbars *&sol;\n",
       "}\n",
       "body::-webkit-scrollbar-thumb {\n",
       "    background-color: var(--scroll-fg);\n",
       "}\n",
       "body::-webkit-scrollbar-track {\n",
       "    background-color: var(--scroll-bg);\n",
       "}\n",
       "            &lt;&sol;style&gt;\n",
       "        &lt;&sol;head&gt;\n",
       "        &lt;body&gt;\n",
       "            &lt;table class=&quot;dataframe&quot; id=&quot;df_956301322&quot;&gt;&lt;&sol;table&gt;\n",
       "\n",
       "&lt;p class=&quot;dataframe_description&quot;&gt;... showing only top 20 of 752 rows&lt;&sol;p&gt;&lt;p class=&quot;dataframe_description&quot;&gt;DataFrame: rowsCount = 752, columnsCount = 3&lt;&sol;p&gt;\n",
       "\n",
       "        &lt;&sol;body&gt;\n",
       "        &lt;script&gt;\n",
       "            (function () {\n",
       "    window.DataFrame = window.DataFrame || new (function () {\n",
       "        this.addTable = function (df) {\n",
       "            let cols = df.cols;\n",
       "            for (let i = 0; i &lt; cols.length; i++) {\n",
       "                for (let c of cols[i].children) {\n",
       "                    cols[c].parent = i;\n",
       "                }\n",
       "            }\n",
       "            df.nrow = 0\n",
       "            for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                if (df.cols[i].values.length &gt; df.nrow) df.nrow = df.cols[i].values.length\n",
       "            }\n",
       "            if (df.id === df.rootId) {\n",
       "                df.expandedFrames = new Set()\n",
       "                df.childFrames = {}\n",
       "                const table = this.getTableElement(df.id)\n",
       "                table.df = df\n",
       "                for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                    let col = df.cols[i]\n",
       "                    if (col.parent === undefined &amp;&amp; col.children.length &gt; 0) col.expanded = true\n",
       "                }\n",
       "            } else {\n",
       "                const rootDf = this.getTableData(df.rootId)\n",
       "                rootDf.childFrames[df.id] = df\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.computeRenderData = function (df) {\n",
       "            let result = []\n",
       "            let pos = 0\n",
       "            for (let col = 0; col &lt; df.cols.length; col++) {\n",
       "                if (df.cols[col].parent === undefined)\n",
       "                    pos += this.computeRenderDataRec(df.cols, col, pos, 0, result, false, false)\n",
       "            }\n",
       "            for (let i = 0; i &lt; result.length; i++) {\n",
       "                let row = result[i]\n",
       "                for (let j = 0; j &lt; row.length; j++) {\n",
       "                    let cell = row[j]\n",
       "                    if (j === 0)\n",
       "                        cell.leftBd = false\n",
       "                    if (j &lt; row.length - 1) {\n",
       "                        let nextData = row[j + 1]\n",
       "                        if (nextData.leftBd) cell.rightBd = true\n",
       "                        else if (cell.rightBd) nextData.leftBd = true\n",
       "                    } else cell.rightBd = false\n",
       "                }\n",
       "            }\n",
       "            return result\n",
       "        }\n",
       "\n",
       "        this.computeRenderDataRec = function (cols, colId, pos, depth, result, leftBorder, rightBorder) {\n",
       "            if (result.length === depth) {\n",
       "                const array = [];\n",
       "                if (pos &gt; 0) {\n",
       "                    let j = 0\n",
       "                    for (let i = 0; j &lt; pos; i++) {\n",
       "                        let c = result[depth - 1][i]\n",
       "                        j += c.span\n",
       "                        let copy = Object.assign({empty: true}, c)\n",
       "                        array.push(copy)\n",
       "                    }\n",
       "                }\n",
       "                result.push(array)\n",
       "            }\n",
       "            const col = cols[colId];\n",
       "            let size = 0;\n",
       "            if (col.expanded) {\n",
       "                let childPos = pos\n",
       "                for (let i = 0; i &lt; col.children.length; i++) {\n",
       "                    let child = col.children[i]\n",
       "                    let childLeft = i === 0 &amp;&amp; (col.children.length &gt; 1 || leftBorder)\n",
       "                    let childRight = i === col.children.length - 1 &amp;&amp; (col.children.length &gt; 1 || rightBorder)\n",
       "                    let childSize = this.computeRenderDataRec(cols, child, childPos, depth + 1, result, childLeft, childRight)\n",
       "                    childPos += childSize\n",
       "                    size += childSize\n",
       "                }\n",
       "            } else {\n",
       "                for (let i = depth + 1; i &lt; result.length; i++)\n",
       "                    result[i].push({id: colId, span: 1, leftBd: leftBorder, rightBd: rightBorder, empty: true})\n",
       "                size = 1\n",
       "            }\n",
       "            let left = leftBorder\n",
       "            let right = rightBorder\n",
       "            if (size &gt; 1) {\n",
       "                left = true\n",
       "                right = true\n",
       "            }\n",
       "            result[depth].push({id: colId, span: size, leftBd: left, rightBd: right})\n",
       "            return size\n",
       "        }\n",
       "\n",
       "        this.getTableElement = function (id) {\n",
       "            return document.getElementById(&quot;df_&quot; + id)\n",
       "        }\n",
       "\n",
       "        this.getTableData = function (id) {\n",
       "            return this.getTableElement(id).df\n",
       "        }\n",
       "\n",
       "        this.createExpander = function (isExpanded) {\n",
       "            const svgNs = &quot;http:&sol;&sol;www.w3.org&sol;2000&sol;svg&quot;\n",
       "            let svg = document.createElementNS(svgNs, &quot;svg&quot;)\n",
       "            svg.classList.add(&quot;expanderSvg&quot;)\n",
       "            let path = document.createElementNS(svgNs, &quot;path&quot;)\n",
       "            if (isExpanded) {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;0 -2 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 4 4 4 -4 -1 -1 -3 3Z&quot;)\n",
       "            } else {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;-2 0 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 3 3 -3 3 1 1 4 -4Z&quot;)\n",
       "            }\n",
       "            path.setAttribute(&quot;fill&quot;, &quot;currentColor&quot;)\n",
       "            svg.appendChild(path)\n",
       "            return svg\n",
       "        }\n",
       "\n",
       "        this.renderTable = function (id) {\n",
       "\n",
       "            let table = this.getTableElement(id)\n",
       "\n",
       "            if (table === null) return\n",
       "\n",
       "            table.innerHTML = &quot;&quot;\n",
       "\n",
       "            let df = table.df\n",
       "            let rootDf = df.rootId === df.id ? df : this.getTableData(df.rootId)\n",
       "\n",
       "            &sol;&sol; header\n",
       "            let header = document.createElement(&quot;thead&quot;)\n",
       "            table.appendChild(header)\n",
       "\n",
       "            let renderData = this.computeRenderData(df)\n",
       "            for (let j = 0; j &lt; renderData.length; j++) {\n",
       "                let rowData = renderData[j]\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                let isLastRow = j === renderData.length - 1\n",
       "                header.appendChild(tr);\n",
       "                for (let i = 0; i &lt; rowData.length; i++) {\n",
       "                    let cell = rowData[i]\n",
       "                    let th = document.createElement(&quot;th&quot;);\n",
       "                    th.setAttribute(&quot;colspan&quot;, cell.span)\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId];\n",
       "                    if (!cell.empty) {\n",
       "                        if (col.children.length === 0) {\n",
       "                            th.innerHTML = col.name\n",
       "                        } else {\n",
       "                            let link = document.createElement(&quot;a&quot;)\n",
       "                            link.className = &quot;expander&quot;\n",
       "                            let that = this\n",
       "                            link.onclick = function () {\n",
       "                                col.expanded = !col.expanded\n",
       "                                that.renderTable(id)\n",
       "                            }\n",
       "                            link.appendChild(this.createExpander(col.expanded))\n",
       "                            link.innerHTML += col.name\n",
       "                            th.appendChild(link)\n",
       "                        }\n",
       "                    }\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (isLastRow)\n",
       "                        classes += &quot; bottomBorder&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        th.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(th)\n",
       "                }\n",
       "            }\n",
       "\n",
       "            &sol;&sol; body\n",
       "            let body = document.createElement(&quot;tbody&quot;)\n",
       "            table.appendChild(body)\n",
       "\n",
       "            let columns = renderData.pop()\n",
       "            for (let row = 0; row &lt; df.nrow; row++) {\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                body.appendChild(tr)\n",
       "                for (let i = 0; i &lt; columns.length; i++) {\n",
       "                    let cell = columns[i]\n",
       "                    let td = document.createElement(&quot;td&quot;);\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId]\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        td.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(td)\n",
       "                    let value = col.values[row]\n",
       "                    if (value.frameId !== undefined) {\n",
       "                        let frameId = value.frameId\n",
       "                        let expanded = rootDf.expandedFrames.has(frameId)\n",
       "                        let link = document.createElement(&quot;a&quot;)\n",
       "                        link.className = &quot;expander&quot;\n",
       "                        let that = this\n",
       "                        link.onclick = function () {\n",
       "                            if (rootDf.expandedFrames.has(frameId))\n",
       "                                rootDf.expandedFrames.delete(frameId)\n",
       "                            else rootDf.expandedFrames.add(frameId)\n",
       "                            that.renderTable(id)\n",
       "                        }\n",
       "                        link.appendChild(this.createExpander(expanded))\n",
       "                        link.innerHTML += value.value\n",
       "                        if (expanded) {\n",
       "                            td.appendChild(link)\n",
       "                            td.appendChild(document.createElement(&quot;p&quot;))\n",
       "                            const childTable = document.createElement(&quot;table&quot;)\n",
       "                            childTable.className = &quot;dataframe&quot;\n",
       "                            childTable.id = &quot;df_&quot; + frameId\n",
       "                            let childDf = rootDf.childFrames[frameId]\n",
       "                            childTable.df = childDf\n",
       "                            td.appendChild(childTable)\n",
       "                            this.renderTable(frameId)\n",
       "                            if (childDf.nrow !== childDf.totalRows) {\n",
       "                                const footer = document.createElement(&quot;p&quot;)\n",
       "                                footer.innerText = `... showing only top ${childDf.nrow} of ${childDf.totalRows} rows`\n",
       "                                td.appendChild(footer)\n",
       "                            }\n",
       "                        } else {\n",
       "                            td.appendChild(link)\n",
       "                        }\n",
       "                    } else if (value.style !== undefined) {\n",
       "                        td.innerHTML = value.value\n",
       "                        td.setAttribute(&quot;style&quot;, value.style)\n",
       "                    } else td.innerHTML = value\n",
       "                    this.nodeScriptReplace(td)\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.nodeScriptReplace = function (node) {\n",
       "            if (this.nodeScriptIs(node) === true) {\n",
       "                node.parentNode.replaceChild(this.nodeScriptClone(node), node);\n",
       "            } else {\n",
       "                let i = -1, children = node.childNodes;\n",
       "                while (++i &lt; children.length) {\n",
       "                    this.nodeScriptReplace(children[i]);\n",
       "                }\n",
       "            }\n",
       "\n",
       "            return node;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptClone = function (node) {\n",
       "            let script = document.createElement(&quot;script&quot;);\n",
       "            script.text = node.innerHTML;\n",
       "\n",
       "            let i = -1, attrs = node.attributes, attr;\n",
       "            while (++i &lt; attrs.length) {\n",
       "                script.setAttribute((attr = attrs[i]).name, attr.value);\n",
       "            }\n",
       "            return script;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptIs = function (node) {\n",
       "            return node.tagName === 'SCRIPT';\n",
       "        }\n",
       "    })()\n",
       "\n",
       "    window.call_DataFrame = function (f) {\n",
       "        return f();\n",
       "    };\n",
       "\n",
       "    let funQueue = window[&quot;kotlinQueues&quot;] &amp;&amp; window[&quot;kotlinQueues&quot;][&quot;DataFrame&quot;];\n",
       "    if (funQueue) {\n",
       "        funQueue.forEach(function (f) {\n",
       "            f();\n",
       "        });\n",
       "        funQueue = [];\n",
       "    }\n",
       "})()\n",
       "\n",
       "&sol;*&lt;!--*&sol;\n",
       "call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: &quot;&lt;span title=&bsol;&quot;year: Int&bsol;&quot;&gt;year&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1888&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1890&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1891&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1892&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1892&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1892&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1892&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1892&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1893&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1894&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1894&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1894&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1894&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1895&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1895&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1895&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1895&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1895&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1895&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1896&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;genre: String&bsol;&quot;&gt;genre&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;Short&quot;,&quot;Short&quot;,&quot;Short&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Documentary&quot;,&quot;Romance&quot;,&quot;Short&quot;,&quot;Short&quot;,&quot;Comedy&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Short&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Comedy&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;count: Int&bsol;&quot;&gt;count&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;2&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;2&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;16&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;31&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;4&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;27&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;44&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;21&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "], id: 956301322, rootId: 956301322, totalRows: 752 } ) });\n",
       "&sol;*--&gt;*&sol;\n",
       "\n",
       "call_DataFrame(function() { DataFrame.renderTable(956301322) });\n",
       "\n",
       "\n",
       "        &lt;&sol;script&gt;\n",
       "        &lt;&sol;html&gt;\"></iframe>\n",
       "            <script>\n",
       "                function o_resize_iframe_out_6() {\n",
       "                    let elem = document.getElementById(\"iframe_out_6\");\n",
       "                    resize_iframe_out_6(elem);\n",
       "                    setInterval(resize_iframe_out_6, 5000, elem);\n",
       "                }\n",
       "                function resize_iframe_out_6(el) {\n",
       "                    let h = el.contentWindow.document.body.scrollHeight;\n",
       "                    el.height = h === 0 ? 0 : h + 41;\n",
       "                }\n",
       "            </script>        <html>\n",
       "        <head>\n",
       "            <style type=\"text/css\">\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "            </style>\n",
       "        </head>\n",
       "        <body>\n",
       "            <table class=\"dataframe\" id=\"static_df_956301323\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">year</th><th class=\"bottomBorder\" style=\"text-align:left\">genre</th><th class=\"bottomBorder\" style=\"text-align:left\">count</th></tr></thead><tbody><tr><td  style=\"vertical-align:top\">1888</td><td  style=\"vertical-align:top\">Short</td><td  style=\"vertical-align:top\">2</td></tr><tr><td  style=\"vertical-align:top\">1890</td><td  style=\"vertical-align:top\">Short</td><td  style=\"vertical-align:top\">3</td></tr><tr><td  style=\"vertical-align:top\">1891</td><td  style=\"vertical-align:top\">Short</td><td  style=\"vertical-align:top\">2</td></tr><tr><td  style=\"vertical-align:top\">1892</td><td  style=\"vertical-align:top\">Animation</td><td  style=\"vertical-align:top\">3</td></tr><tr><td  style=\"vertical-align:top\">1892</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">1</td></tr><tr><td  style=\"vertical-align:top\">1892</td><td  style=\"vertical-align:top\">Documentary</td><td  style=\"vertical-align:top\">1</td></tr><tr><td  style=\"vertical-align:top\">1892</td><td  style=\"vertical-align:top\">Romance</td><td  style=\"vertical-align:top\">1</td></tr><tr><td  style=\"vertical-align:top\">1892</td><td  style=\"vertical-align:top\">Short</td><td  style=\"vertical-align:top\">4</td></tr><tr><td  style=\"vertical-align:top\">1893</td><td  style=\"vertical-align:top\">Short</td><td  style=\"vertical-align:top\">1</td></tr><tr><td  style=\"vertical-align:top\">1894</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">1</td></tr><tr><td  style=\"vertical-align:top\">1894</td><td  style=\"vertical-align:top\">Documentary</td><td  style=\"vertical-align:top\">16</td></tr><tr><td  style=\"vertical-align:top\">1894</td><td  style=\"vertical-align:top\">Drama</td><td  style=\"vertical-align:top\">1</td></tr><tr><td  style=\"vertical-align:top\">1894</td><td  style=\"vertical-align:top\">Short</td><td  style=\"vertical-align:top\">31</td></tr><tr><td  style=\"vertical-align:top\">1895</td><td  style=\"vertical-align:top\">Animation</td><td  style=\"vertical-align:top\">1</td></tr><tr><td  style=\"vertical-align:top\">1895</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">4</td></tr><tr><td  style=\"vertical-align:top\">1895</td><td  style=\"vertical-align:top\">Documentary</td><td  style=\"vertical-align:top\">27</td></tr><tr><td  style=\"vertical-align:top\">1895</td><td  style=\"vertical-align:top\">Drama</td><td  style=\"vertical-align:top\">1</td></tr><tr><td  style=\"vertical-align:top\">1895</td><td  style=\"vertical-align:top\">Sci-Fi</td><td  style=\"vertical-align:top\">1</td></tr><tr><td  style=\"vertical-align:top\">1895</td><td  style=\"vertical-align:top\">Short</td><td  style=\"vertical-align:top\">44</td></tr><tr><td  style=\"vertical-align:top\">1896</td><td  style=\"vertical-align:top\">Comedy</td><td  style=\"vertical-align:top\">21</td></tr></tbody></table>\n",
       "        </body>\n",
       "        <script>\n",
       "            document.getElementById(\"static_df_956301323\").style.display = \"none\";\n",
       "        </script>\n",
       "        </html>"
      ],
      "application/kotlindataframe+json": "{\"$version\":\"2.0.0\",\"metadata\":{\"columns\":[\"year\",\"genre\",\"count\"],\"nrow\":752,\"ncol\":3},\"kotlin_dataframe\":[{\"year\":1888,\"genre\":\"Short\",\"count\":2},{\"year\":1890,\"genre\":\"Short\",\"count\":3},{\"year\":1891,\"genre\":\"Short\",\"count\":2},{\"year\":1892,\"genre\":\"Animation\",\"count\":3},{\"year\":1892,\"genre\":\"Comedy\",\"count\":1},{\"year\":1892,\"genre\":\"Documentary\",\"count\":1},{\"year\":1892,\"genre\":\"Romance\",\"count\":1},{\"year\":1892,\"genre\":\"Short\",\"count\":4},{\"year\":1893,\"genre\":\"Short\",\"count\":1},{\"year\":1894,\"genre\":\"Comedy\",\"count\":1},{\"year\":1894,\"genre\":\"Documentary\",\"count\":16},{\"year\":1894,\"genre\":\"Drama\",\"count\":1},{\"year\":1894,\"genre\":\"Short\",\"count\":31},{\"year\":1895,\"genre\":\"Animation\",\"count\":1},{\"year\":1895,\"genre\":\"Comedy\",\"count\":4},{\"year\":1895,\"genre\":\"Documentary\",\"count\":27},{\"year\":1895,\"genre\":\"Drama\",\"count\":1},{\"year\":1895,\"genre\":\"Sci-Fi\",\"count\":1},{\"year\":1895,\"genre\":\"Short\",\"count\":44},{\"year\":1896,\"genre\":\"Comedy\",\"count\":21}]}"
     },
     "execution_count": 17,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "execution_count": 17
  },
  {
   "cell_type": "code",
   "source": [
    "val genreRankTrends = aggregatedDF.plot {\n",
    "    points {\n",
    "        x(year) // auto-generated df columns\n",
    "        y(genre) {\n",
    "            scale = categorical()\n",
    "        }\n",
    "        symbol = Symbol.CIRCLE_FILLED\n",
    "        color = Color.BLUE\n",
    "        fillColor(genre)\n",
    "        size(count) {\n",
    "            scale = continuous(1.0..30.0)\n",
    "        }\n",
    "    }\n",
    "    layout.size = 1000 to 600\n",
    "}\n",
    "\n",
    "genreRankTrends"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:59:16.840420600Z",
     "start_time": "2024-03-25T15:59:14.146594400Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <iframe src='about:blank' style='border:none !important;' width='1000' height='600' srcdoc=\"&lt;html lang=&quot;en&quot;>\n",
       "   &lt;head>\n",
       "       &lt;meta charset=&quot;UTF-8&quot;>\n",
       "       &lt;style> html, body { margin: 0; overflow: hidden; } &lt;/style>\n",
       "       &lt;script type=&quot;text/javascript&quot; data-lets-plot-script=&quot;library&quot; src=&quot;https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.2.0/js-package/distr/lets-plot.min.js&quot;>&lt;/script>\n",
       "   &lt;/head>\n",
       "   &lt;body>\n",
       "          &lt;div id=&quot;hdq5Nu&quot;>&lt;/div>\n",
       "   &lt;script type=&quot;text/javascript&quot; data-lets-plot-script=&quot;plot&quot;>\n",
       "       var plotSpec={\n",
       "&quot;mapping&quot;:{\n",
       "},\n",
       "&quot;data&quot;:{\n",
       "&quot;year&quot;:[1888.0,1890.0,1891.0,1892.0,1892.0,1892.0,1892.0,1892.0,1893.0,1894.0,1894.0,1894.0,1894.0,1895.0,1895.0,1895.0,1895.0,1895.0,1895.0,1896.0,1896.0,1896.0,1896.0,1896.0,1896.0,1897.0,1897.0,1897.0,1897.0,1897.0,1897.0,1897.0,1897.0,1898.0,1898.0,1898.0,1898.0,1898.0,1898.0,1898.0,1898.0,1898.0,1898.0,1899.0,1899.0,1899.0,1899.0,1899.0,1899.0,1899.0,1899.0,1899.0,1899.0,1899.0,1899.0,1900.0,1900.0,1900.0,1900.0,1900.0,1900.0,1900.0,1900.0,1900.0,1900.0,1900.0,1900.0,1900.0,1901.0,1901.0,1901.0,1901.0,1901.0,1901.0,1901.0,1901.0,1901.0,1901.0,1901.0,1902.0,1902.0,1902.0,1902.0,1902.0,1902.0,1902.0,1902.0,1902.0,1903.0,1903.0,1903.0,1903.0,1903.0,1903.0,1903.0,1903.0,1903.0,1903.0,1903.0,1903.0,1904.0,1904.0,1904.0,1904.0,1904.0,1904.0,1904.0,1904.0,1904.0,1904.0,1904.0,1905.0,1905.0,1905.0,1905.0,1905.0,1905.0,1905.0,1905.0,1905.0,1905.0,1905.0,1905.0,1905.0,1906.0,1906.0,1906.0,1906.0,1906.0,1906.0,1906.0,1906.0,1906.0,1906.0,1906.0,1906.0,1907.0,1907.0,1907.0,1907.0,1907.0,1907.0,1907.0,1907.0,1907.0,1907.0,1907.0,1908.0,1908.0,1908.0,1908.0,1908.0,1908.0,1908.0,1908.0,1908.0,1908.0,1908.0,1908.0,1908.0,1908.0,1908.0,1908.0,1908.0,1909.0,1909.0,1909.0,1909.0,1909.0,1909.0,1909.0,1909.0,1909.0,1909.0,1909.0,1909.0,1909.0,1909.0,1909.0,1909.0,1909.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1910.0,1911.0,1911.0,1911.0,1911.0,1911.0,1911.0,1911.0,1911.0,1911.0,1911.0,1911.0,1911.0,1911.0,1911.0,1911.0,1911.0,1911.0,1912.0,1912.0,1912.0,1912.0,1912.0,1912.0,1912.0,1912.0,1912.0,1912.0,1912.0,1912.0,1912.0,1912.0,1912.0,1912.0,1912.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1913.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1914.0,1915.0,1915.0,1915.0,1915.0,1915.0,1915.0,1915.0,1915.0,1915.0,1915.0,1915.0,1915.0,1915.0,1915.0,1915.0,1915.0,1915.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1916.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1917.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1918.0,1919.0,1919.0,1919.0,1919.0,1919.0,1919.0,1919.0,1919.0,1919.0,1919.0,1919.0,1919.0,1919.0,1919.0,1919.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1920.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1921.0,1922.0,1922.0,1922.0,1922.0,1922.0,1922.0,1922.0,1922.0,1922.0,1922.0,1922.0,1922.0,1922.0,1922.0,1922.0,1922.0,1922.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1923.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1924.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1925.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1926.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1927.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1928.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1929.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1930.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1931.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1932.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1933.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1934.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1935.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1936.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1937.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1938.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0,1939.0],\n",
       "&quot;genre&quot;:[&quot;Short&quot;,&quot;Short&quot;,&quot;Short&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Documentary&quot;,&quot;Romance&quot;,&quot;Short&quot;,&quot;Short&quot;,&quot;Comedy&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Short&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Horror&quot;,&quot;Short&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Short&quot;,&quot;War&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;War&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Mystery&quot;,&quot;Short&quot;,&quot;War&quot;,&quot;Action&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Music&quot;,&quot;Romance&quot;,&quot;Short&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Romance&quot;,&quot;Short&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Musical&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Short&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Musical&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Western&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Musical&quot;,&quot;Romance&quot;,&quot;Short&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Music&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Film-Noir&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Film-Noir&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Film-Noir&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Film-Noir&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Film-Noir&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Film-Noir&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Film-Noir&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adult&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Film-Noir&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Film-Noir&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Film-Noir&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;,&quot;Action&quot;,&quot;Adventure&quot;,&quot;Animation&quot;,&quot;Comedy&quot;,&quot;Crime&quot;,&quot;Documentary&quot;,&quot;Drama&quot;,&quot;Family&quot;,&quot;Fantasy&quot;,&quot;Horror&quot;,&quot;Music&quot;,&quot;Musical&quot;,&quot;Mystery&quot;,&quot;Romance&quot;,&quot;Sci-Fi&quot;,&quot;Short&quot;,&quot;Thriller&quot;,&quot;War&quot;,&quot;Western&quot;],\n",
       "&quot;count&quot;:[2.0,3.0,2.0,3.0,1.0,1.0,1.0,4.0,1.0,1.0,16.0,1.0,31.0,1.0,4.0,27.0,1.0,1.0,44.0,21.0,3.0,174.0,8.0,2.0,149.0,67.0,2.0,232.0,8.0,2.0,5.0,191.0,1.0,1.0,81.0,225.0,13.0,8.0,4.0,1.0,1.0,241.0,2.0,1.0,2.0,62.0,387.0,10.0,1.0,16.0,6.0,1.0,198.0,10.0,2.0,2.0,1.0,1.0,80.0,6.0,260.0,24.0,24.0,2.0,1.0,1.0,238.0,9.0,1.0,106.0,2.0,584.0,20.0,27.0,1.0,1.0,649.0,14.0,1.0,2.0,1.0,129.0,460.0,15.0,54.0,2.0,1.0,734.0,5.0,1.0,158.0,4.0,345.0,24.0,3.0,45.0,1.0,746.0,1.0,6.0,2.0,26.0,6.0,32.0,25.0,3.0,1.0,1.0,146.0,3.0,4.0,1.0,3.0,44.0,8.0,67.0,40.0,1.0,5.0,1.0,1.0,170.0,1.0,1.0,1.0,3.0,34.0,8.0,111.0,32.0,3.0,2.0,1.0,1.0,304.0,3.0,1.0,7.0,52.0,1.0,74.0,43.0,5.0,2.0,2.0,229.0,7.0,17.0,1.0,3.0,4.0,45.0,11.0,49.0,61.0,7.0,1.0,1.0,4.0,10.0,1.0,286.0,2.0,11.0,3.0,3.0,6.0,122.0,9.0,60.0,98.0,2.0,4.0,1.0,15.0,4.0,16.0,427.0,5.0,7.0,32.0,1.0,1.0,13.0,6.0,293.0,30.0,82.0,290.0,5.0,6.0,3.0,1.0,1.0,91.0,1.0,701.0,11.0,9.0,101.0,6.0,16.0,4.0,455.0,32.0,69.0,670.0,22.0,11.0,2.0,2.0,187.0,2.0,1386.0,24.0,12.0,181.0,8.0,40.0,10.0,840.0,59.0,44.0,1021.0,27.0,13.0,5.0,10.0,306.0,2.0,2378.0,68.0,17.0,298.0,11.0,32.0,116.0,948.0,61.0,49.0,845.0,17.0,10.0,5.0,1.0,2.0,9.0,171.0,1.0,2399.0,40.0,22.0,254.0,14.0,1.0,41.0,54.0,999.0,65.0,68.0,674.0,5.0,16.0,8.0,32.0,110.0,2.0,1770.0,20.0,17.0,178.0,16.0,49.0,144.0,1138.0,53.0,62.0,791.0,3.0,12.0,10.0,44.0,95.0,2.0,1814.0,16.0,37.0,160.0,10.0,35.0,281.0,977.0,52.0,39.0,848.0,3.0,11.0,6.0,1.0,1.0,34.0,68.0,1.0,1396.0,12.0,21.0,126.0,9.0,39.0,238.0,789.0,63.0,25.0,799.0,7.0,21.0,6.0,1.0,53.0,71.0,1.0,999.0,11.0,40.0,122.0,11.0,27.0,160.0,610.0,36.0,109.0,699.0,2.0,10.0,3.0,1.0,1.0,39.0,99.0,1.0,474.0,10.0,77.0,98.0,27.0,49.0,143.0,594.0,74.0,129.0,632.0,7.0,10.0,25.0,110.0,447.0,5.0,23.0,119.0,20.0,2.0,59.0,265.0,680.0,77.0,132.0,607.0,4.0,7.0,21.0,41.0,71.0,3.0,619.0,7.0,5.0,106.0,23.0,2.0,38.0,195.0,516.0,65.0,103.0,400.0,4.0,14.0,4.0,46.0,89.0,3.0,490.0,4.0,3.0,119.0,21.0,35.0,189.0,475.0,46.0,65.0,348.0,14.0,5.0,4.0,2.0,37.0,95.0,2.0,485.0,7.0,140.0,14.0,31.0,142.0,440.0,75.0,100.0,353.0,22.0,14.0,6.0,3.0,1.0,43.0,68.0,2.0,431.0,6.0,7.0,111.0,20.0,2.0,33.0,167.0,441.0,56.0,52.0,319.0,22.0,10.0,8.0,1.0,2.0,29.0,74.0,5.0,499.0,16.0,5.0,184.0,26.0,6.0,39.0,205.0,540.0,23.0,87.0,309.0,24.0,7.0,4.0,5.0,4.0,5.0,77.0,5.0,573.0,3.0,9.0,239.0,49.0,41.0,261.0,611.0,38.0,80.0,288.0,19.0,5.0,5.0,5.0,3.0,16.0,108.0,1.0,678.0,11.0,15.0,232.0,39.0,34.0,204.0,574.0,33.0,114.0,319.0,20.0,1.0,1.0,4.0,3.0,11.0,17.0,127.0,1.0,600.0,7.0,16.0,196.0,33.0,28.0,174.0,484.0,44.0,109.0,332.0,25.0,1.0,1.0,2.0,7.0,16.0,18.0,92.0,1.0,595.0,11.0,18.0,172.0,15.0,30.0,161.0,442.0,41.0,99.0,295.0,37.0,3.0,1.0,4.0,42.0,94.0,36.0,86.0,3.0,613.0,11.0,12.0,115.0,10.0,1.0,30.0,183.0,469.0,55.0,130.0,294.0,40.0,11.0,1.0,37.0,175.0,27.0,116.0,4.0,608.0,5.0,12.0,107.0,12.0,26.0,208.0,440.0,72.0,88.0,347.0,55.0,6.0,1.0,9.0,23.0,73.0,33.0,88.0,2.0,503.0,11.0,17.0,95.0,13.0,1.0,30.0,235.0,434.0,94.0,251.0,384.0,76.0,7.0,2.0,18.0,36.0,80.0,61.0,72.0,5.0,540.0,15.0,9.0,109.0,14.0,2.0,34.0,217.0,503.0,78.0,251.0,362.0,74.0,15.0,1.0,17.0,34.0,126.0,46.0,105.0,12.0,517.0,16.0,23.0,66.0,19.0,3.0,41.0,209.0,476.0,67.0,121.0,381.0,70.0,11.0,1.0,10.0,27.0,155.0,52.0,104.0,7.0,567.0,13.0,14.0,88.0,43.0,1.0,41.0,198.0,449.0,82.0,139.0,366.0,75.0,17.0,2.0,16.0,23.0,145.0,53.0,109.0,14.0,494.0,15.0,7.0,150.0,21.0,44.0,203.0,499.0,105.0,300.0,367.0,100.0,12.0,1.0,19.0,28.0,144.0,50.0,90.0,15.0,505.0,23.0,35.0,134.0,32.0,60.0,187.0,512.0,110.0,299.0,440.0,106.0,11.0,1.0,4.0,35.0,155.0,56.0,108.0,8.0,544.0,24.0,109.0,138.0,24.0,51.0,198.0,538.0,94.0,170.0,404.0,104.0,7.0,3.0,43.0,138.0,60.0,94.0,5.0,510.0,14.0,62.0,120.0,22.0,54.0,177.0,459.0,96.0,139.0,437.0,115.0,9.0,11.0,37.0,108.0,60.0,66.0,8.0,430.0,27.0,37.0,125.0]\n",
       "},\n",
       "&quot;ggsize&quot;:{\n",
       "&quot;width&quot;:1000.0,\n",
       "&quot;height&quot;:600.0\n",
       "},\n",
       "&quot;kind&quot;:&quot;plot&quot;,\n",
       "&quot;scales&quot;:[{\n",
       "&quot;aesthetic&quot;:&quot;x&quot;,\n",
       "&quot;limits&quot;:[null,null]\n",
       "},{\n",
       "&quot;aesthetic&quot;:&quot;y&quot;,\n",
       "&quot;discrete&quot;:true\n",
       "},{\n",
       "&quot;aesthetic&quot;:&quot;fill&quot;,\n",
       "&quot;discrete&quot;:true\n",
       "},{\n",
       "&quot;aesthetic&quot;:&quot;size&quot;,\n",
       "&quot;range&quot;:[1.0,30.0],\n",
       "&quot;limits&quot;:[null,null]\n",
       "}],\n",
       "&quot;layers&quot;:[{\n",
       "&quot;mapping&quot;:{\n",
       "&quot;x&quot;:&quot;year&quot;,\n",
       "&quot;y&quot;:&quot;genre&quot;,\n",
       "&quot;fill&quot;:&quot;genre&quot;,\n",
       "&quot;size&quot;:&quot;count&quot;\n",
       "},\n",
       "&quot;stat&quot;:&quot;identity&quot;,\n",
       "&quot;shape&quot;:21.0,\n",
       "&quot;color&quot;:&quot;#5470c6&quot;,\n",
       "&quot;sampling&quot;:&quot;none&quot;,\n",
       "&quot;position&quot;:&quot;identity&quot;,\n",
       "&quot;geom&quot;:&quot;point&quot;,\n",
       "&quot;data&quot;:{\n",
       "}\n",
       "}]\n",
       "};\n",
       "       var plotContainer = document.getElementById(&quot;hdq5Nu&quot;);\n",
       "       LetsPlot.buildPlotFromProcessedSpecs(plotSpec, -1, -1, plotContainer);\n",
       "   &lt;/script>\n",
       "   &lt;/body>\n",
       "&lt;/html>\"></iframe>            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"plt-container\" id=ba59c22d-331a-4d1f-a774-0d306f02c049 width=\"100%\" height=\"100%\" style=\"max-width: 1000.0px; max-height: 600.0px;\" viewBox=\"0 0 1000.0 600.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
       "  <style type=\"text/css\">\n",
       "  .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#p6tjulm .plot-title {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 16.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p6tjulm .plot-subtitle {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 15.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p6tjulm .plot-caption {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p6tjulm .legend-title {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 15.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p6tjulm .legend-item {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p6tjulm .axis-title-x {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 15.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p6tjulm .axis-text-x {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dW2RBTl .axis-tooltip-text-x {\n",
       "   fill: #ffffff;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p6tjulm .axis-title-y {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 15.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p6tjulm .axis-text-y {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dW2RBTl .axis-tooltip-text-y {\n",
       "   fill: #ffffff;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p6tjulm .facet-strip-text-x {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#p6tjulm .facet-strip-text-y {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dW2RBTl .tooltip-text {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: normal;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dW2RBTl .tooltip-title {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: bold;\n",
       "   font-style: normal;   \n",
       "}\n",
       "#dW2RBTl .tooltip-label {\n",
       "   fill: #474747;\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   font-size: 13.0px;\n",
       "   font-weight: bold;\n",
       "   font-style: normal;   \n",
       "}\n",
       "\n",
       "  </style>\n",
       "  <g id=\"p6tjulm\">\n",
       "    <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 600.0 L1000.0 600.0 L1000.0 0.0 Z\">\n",
       "    </path>\n",
       "    <g transform=\"translate(23.0 10.0 ) \">\n",
       "      <g transform=\"translate(94.74217776144545 0.0 ) \">\n",
       "        <line x1=\"59.73601256612528\" y1=\"544.0\" x2=\"59.73601256612528\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"125.37998241901369\" y1=\"544.0\" x2=\"125.37998241901369\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"191.02395227189845\" y1=\"544.0\" x2=\"191.02395227189845\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"256.6679221247832\" y1=\"544.0\" x2=\"256.6679221247832\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"322.311891977668\" y1=\"544.0\" x2=\"322.311891977668\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"387.95586183055275\" y1=\"544.0\" x2=\"387.95586183055275\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"453.59983168344115\" y1=\"544.0\" x2=\"453.59983168344115\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"519.2438015363259\" y1=\"544.0\" x2=\"519.2438015363259\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"584.8877713892107\" y1=\"544.0\" x2=\"584.8877713892107\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"650.5317412420954\" y1=\"544.0\" x2=\"650.5317412420954\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"716.1757110949839\" y1=\"544.0\" x2=\"716.1757110949839\" y2=\"0.0\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "      </g>\n",
       "      <g transform=\"translate(94.74217776144545 544.0 ) \">\n",
       "        <g transform=\"translate(59.73601256612528 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,890</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(125.37998241901369 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,895</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(191.02395227189845 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,900</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(256.6679221247832 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,905</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(322.311891977668 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,910</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(387.95586183055275 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,915</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(453.59983168344115 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,920</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(519.2438015363259 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,925</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(584.8877713892107 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,930</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(650.5317412420954 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,935</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(716.1757110949839 0.0 ) \">\n",
       "          <line stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" x2=\"0.0\" y2=\"4.0\">\n",
       "          </line>\n",
       "          <g transform=\"translate(0.0 7.0 ) \">\n",
       "            <text class=\"axis-text-x\" text-anchor=\"middle\" dy=\"0.7em\">\n",
       "              <tspan>1,940</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <line x1=\"0.0\" y1=\"0.0\" x2=\"736.525341749375\" y2=\"0.0\" stroke-width=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\">\n",
       "        </line>\n",
       "      </g>\n",
       "      <g transform=\"translate(94.74217776144545 0.0 ) \">\n",
       "        <line x1=\"0.0\" y1=\"511.99999999999994\" x2=\"736.5253417493768\" y2=\"511.99999999999994\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"485.3333333333333\" x2=\"736.5253417493768\" y2=\"485.3333333333333\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"458.66666666666663\" x2=\"736.5253417493768\" y2=\"458.66666666666663\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"431.99999999999994\" x2=\"736.5253417493768\" y2=\"431.99999999999994\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"405.33333333333326\" x2=\"736.5253417493768\" y2=\"405.33333333333326\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"378.66666666666663\" x2=\"736.5253417493768\" y2=\"378.66666666666663\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"351.99999999999994\" x2=\"736.5253417493768\" y2=\"351.99999999999994\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"325.33333333333326\" x2=\"736.5253417493768\" y2=\"325.33333333333326\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"298.66666666666663\" x2=\"736.5253417493768\" y2=\"298.66666666666663\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"271.99999999999994\" x2=\"736.5253417493768\" y2=\"271.99999999999994\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"245.33333333333326\" x2=\"736.5253417493768\" y2=\"245.33333333333326\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"218.66666666666663\" x2=\"736.5253417493768\" y2=\"218.66666666666663\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"191.99999999999994\" x2=\"736.5253417493768\" y2=\"191.99999999999994\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"165.33333333333326\" x2=\"736.5253417493768\" y2=\"165.33333333333326\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"138.66666666666663\" x2=\"736.5253417493768\" y2=\"138.66666666666663\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"111.99999999999994\" x2=\"736.5253417493768\" y2=\"111.99999999999994\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"85.33333333333326\" x2=\"736.5253417493768\" y2=\"85.33333333333326\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"58.66666666666663\" x2=\"736.5253417493768\" y2=\"58.66666666666663\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "        <line x1=\"0.0\" y1=\"31.999999999999943\" x2=\"736.5253417493768\" y2=\"31.999999999999943\" stroke=\"rgb(233,233,233)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill=\"none\">\n",
       "        </line>\n",
       "      </g>\n",
       "      <g transform=\"translate(94.74217776144545 0.0 ) \">\n",
       "        <g transform=\"translate(0.0 538.6666666666666 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Short</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 511.99999999999994 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Animation</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 485.3333333333333 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Comedy</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 458.66666666666663 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Documentary</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 431.99999999999994 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Romance</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 405.33333333333326 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Drama</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 378.66666666666663 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Sci-Fi</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 351.99999999999994 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Crime</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 325.33333333333326 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Horror</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 298.66666666666663 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Fantasy</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 271.99999999999994 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>War</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 245.33333333333326 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Adventure</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 218.66666666666663 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Family</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 191.99999999999994 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Western</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 165.33333333333326 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Action</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 138.66666666666663 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Music</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 111.99999999999994 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Mystery</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 85.33333333333326 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Musical</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 58.66666666666663 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Adult</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 31.999999999999943 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Thriller</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 5.3333333333332575 ) \">\n",
       "          <g transform=\"translate(-3.0 0.0 ) \">\n",
       "            <text class=\"axis-text-y\" text-anchor=\"end\" dy=\"0.35em\">\n",
       "              <tspan>Film-Noir</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(94.74217776144545 0.0 ) \" clip-path=\"url(#ci9ZSKp)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (736.525341749375, 544.0)]\">\n",
       "        <defs>\n",
       "          <clipPath id=\"ci9ZSKp\">\n",
       "            <rect x=\"0.0\" y=\"0.0\" width=\"736.525341749375\" height=\"544.0\">\n",
       "            </rect>\n",
       "          </clipPath>\n",
       "        </defs>\n",
       "        <g>\n",
       "          <g >\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"33.47842462497283\" cy=\"538.6666666666666\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"59.73601256612528\" cy=\"538.6666666666666\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"72.86480653670515\" cy=\"538.6666666666666\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"85.99360050728137\" cy=\"511.99999999999994\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"85.99360050728137\" cy=\"485.3333333333333\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"85.99360050728137\" cy=\"458.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"85.99360050728137\" cy=\"431.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"85.99360050728137\" cy=\"538.6666666666666\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"99.1223944778576\" cy=\"538.6666666666666\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"112.25118844843382\" cy=\"485.3333333333333\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"112.25118844843382\" cy=\"458.66666666666663\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"112.25118844843382\" cy=\"405.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"112.25118844843382\" cy=\"538.6666666666666\" r=\"2.3240825688073397\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"125.37998241901369\" cy=\"511.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"125.37998241901369\" cy=\"485.3333333333333\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"125.37998241901369\" cy=\"458.66666666666663\" r=\"2.2708715596330276\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"125.37998241901369\" cy=\"405.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"125.37998241901369\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"125.37998241901369\" cy=\"538.6666666666666\" r=\"2.4970183486238535\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"138.5087763895899\" cy=\"485.3333333333333\" r=\"2.19105504587156\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"138.5087763895899\" cy=\"351.99999999999994\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"138.5087763895899\" cy=\"458.66666666666663\" r=\"4.226376146788991\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"138.5087763895899\" cy=\"405.33333333333326\" r=\"2.018119266055046\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"138.5087763895899\" cy=\"325.33333333333326\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"138.5087763895899\" cy=\"538.6666666666666\" r=\"3.893807339449542\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"151.63757036016614\" cy=\"485.3333333333333\" r=\"2.802981651376147\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"151.63757036016614\" cy=\"351.99999999999994\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"151.63757036016614\" cy=\"458.66666666666663\" r=\"4.9979357798165145\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"151.63757036016614\" cy=\"405.33333333333326\" r=\"2.018119266055046\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"151.63757036016614\" cy=\"298.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"151.63757036016614\" cy=\"325.33333333333326\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"151.63757036016614\" cy=\"538.6666666666666\" r=\"4.452522935779816\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"151.63757036016614\" cy=\"271.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"164.76636433074236\" cy=\"511.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"164.76636433074236\" cy=\"485.3333333333333\" r=\"2.989220183486239\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"164.76636433074236\" cy=\"458.66666666666663\" r=\"4.904816513761468\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"164.76636433074236\" cy=\"405.33333333333326\" r=\"2.084633027522936\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"164.76636433074236\" cy=\"298.66666666666663\" r=\"2.018119266055046\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"164.76636433074236\" cy=\"325.33333333333326\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"164.76636433074236\" cy=\"431.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"164.76636433074236\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"164.76636433074236\" cy=\"538.6666666666666\" r=\"5.117660550458717\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"164.76636433074236\" cy=\"271.99999999999994\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"177.89515830132223\" cy=\"245.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"177.89515830132223\" cy=\"511.99999999999994\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"177.89515830132223\" cy=\"485.3333333333333\" r=\"2.736467889908257\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"177.89515830132223\" cy=\"458.66666666666663\" r=\"7.059862385321102\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"177.89515830132223\" cy=\"405.33333333333326\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"177.89515830132223\" cy=\"218.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"177.89515830132223\" cy=\"298.66666666666663\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"177.89515830132223\" cy=\"325.33333333333326\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"177.89515830132223\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"177.89515830132223\" cy=\"538.6666666666666\" r=\"4.545642201834863\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"177.89515830132223\" cy=\"271.99999999999994\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"177.89515830132223\" cy=\"191.99999999999994\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"165.33333333333326\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"245.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"511.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"485.3333333333333\" r=\"2.975917431192661\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"351.99999999999994\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"458.66666666666663\" r=\"5.370412844036698\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"405.33333333333326\" r=\"2.230963302752294\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"298.66666666666663\" r=\"2.230963302752294\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"325.33333333333326\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"138.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"111.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"538.6666666666666\" r=\"5.077752293577983\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"191.02395227189845\" cy=\"271.99999999999994\" r=\"2.031422018348624\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"204.15274624247468\" cy=\"165.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"204.15274624247468\" cy=\"485.3333333333333\" r=\"3.321788990825689\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"204.15274624247468\" cy=\"351.99999999999994\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"204.15274624247468\" cy=\"458.66666666666663\" r=\"9.680504587155964\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"204.15274624247468\" cy=\"405.33333333333326\" r=\"2.177752293577982\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"204.15274624247468\" cy=\"298.66666666666663\" r=\"2.2708715596330276\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"204.15274624247468\" cy=\"138.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"204.15274624247468\" cy=\"431.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"204.15274624247468\" cy=\"538.6666666666666\" r=\"10.545183486238532\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"204.15274624247468\" cy=\"271.99999999999994\" r=\"2.097935779816514\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"204.15274624247468\" cy=\"191.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"217.2815402130509\" cy=\"245.33333333333326\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"217.2815402130509\" cy=\"511.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"217.2815402130509\" cy=\"485.3333333333333\" r=\"3.6277522935779825\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"217.2815402130509\" cy=\"458.66666666666663\" r=\"8.030963302752296\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"217.2815402130509\" cy=\"405.33333333333326\" r=\"2.1112385321100917\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"217.2815402130509\" cy=\"298.66666666666663\" r=\"2.6300458715596333\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"217.2815402130509\" cy=\"325.33333333333326\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"217.2815402130509\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"217.2815402130509\" cy=\"538.6666666666666\" r=\"11.67591743119266\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"230.41033418363077\" cy=\"165.33333333333326\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"230.41033418363077\" cy=\"245.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"230.41033418363077\" cy=\"485.3333333333333\" r=\"4.013532110091743\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"230.41033418363077\" cy=\"351.99999999999994\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"230.41033418363077\" cy=\"458.66666666666663\" r=\"6.501146788990827\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"230.41033418363077\" cy=\"405.33333333333326\" r=\"2.230963302752294\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"230.41033418363077\" cy=\"218.66666666666663\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"230.41033418363077\" cy=\"298.66666666666663\" r=\"2.510321100917431\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"230.41033418363077\" cy=\"431.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"230.41033418363077\" cy=\"538.6666666666666\" r=\"11.835550458715597\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"230.41033418363077\" cy=\"271.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"230.41033418363077\" cy=\"191.99999999999994\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"243.539128154207\" cy=\"165.33333333333326\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"243.539128154207\" cy=\"485.3333333333333\" r=\"2.2575688073394495\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"243.539128154207\" cy=\"351.99999999999994\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"243.539128154207\" cy=\"458.66666666666663\" r=\"2.3373853211009177\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"243.539128154207\" cy=\"405.33333333333326\" r=\"2.244266055045872\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"243.539128154207\" cy=\"298.66666666666663\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"243.539128154207\" cy=\"85.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"243.539128154207\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"243.539128154207\" cy=\"538.6666666666666\" r=\"3.853899082568808\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"243.539128154207\" cy=\"271.99999999999994\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"243.539128154207\" cy=\"191.99999999999994\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"58.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"245.33333333333326\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"485.3333333333333\" r=\"2.4970183486238535\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"351.99999999999994\" r=\"2.018119266055046\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"458.66666666666663\" r=\"2.802981651376147\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"405.33333333333326\" r=\"2.4438073394495414\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"218.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"298.66666666666663\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"111.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"431.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"538.6666666666666\" r=\"4.173165137614679\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"271.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"256.6679221247832\" cy=\"191.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"269.79671609535944\" cy=\"245.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"269.79671609535944\" cy=\"511.99999999999994\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"269.79671609535944\" cy=\"485.3333333333333\" r=\"2.3639908256880737\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"269.79671609535944\" cy=\"351.99999999999994\" r=\"2.018119266055046\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"269.79671609535944\" cy=\"458.66666666666663\" r=\"3.3883027522935785\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"269.79671609535944\" cy=\"405.33333333333326\" r=\"2.3373853211009177\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"269.79671609535944\" cy=\"298.66666666666663\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"269.79671609535944\" cy=\"85.33333333333326\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"269.79671609535944\" cy=\"431.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"269.79671609535944\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"269.79671609535944\" cy=\"538.6666666666666\" r=\"5.9557339449541296\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"269.79671609535944\" cy=\"191.99999999999994\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"282.9255100659393\" cy=\"245.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"282.9255100659393\" cy=\"511.99999999999994\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"282.9255100659393\" cy=\"485.3333333333333\" r=\"2.6034403669724773\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"282.9255100659393\" cy=\"351.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"282.9255100659393\" cy=\"458.66666666666663\" r=\"2.896100917431193\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"282.9255100659393\" cy=\"405.33333333333326\" r=\"2.4837155963302755\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"282.9255100659393\" cy=\"298.66666666666663\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"282.9255100659393\" cy=\"85.33333333333326\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"282.9255100659393\" cy=\"431.99999999999994\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"282.9255100659393\" cy=\"538.6666666666666\" r=\"4.95802752293578\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"282.9255100659393\" cy=\"191.99999999999994\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"165.33333333333326\" r=\"2.1378440366972478\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"58.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"245.33333333333326\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"511.99999999999994\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"485.3333333333333\" r=\"2.510321100917431\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"351.99999999999994\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"458.66666666666663\" r=\"2.5635321100917436\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"405.33333333333326\" r=\"2.723165137614679\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"298.66666666666663\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"325.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"138.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"111.99999999999994\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"431.99999999999994\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"538.6666666666666\" r=\"5.716284403669726\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"271.99999999999994\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"296.05430403651553\" cy=\"191.99999999999994\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"165.33333333333326\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"245.33333333333326\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"511.99999999999994\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"485.3333333333333\" r=\"3.5346330275229363\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"351.99999999999994\" r=\"2.031422018348624\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"458.66666666666663\" r=\"2.7098623853211015\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"405.33333333333326\" r=\"3.2153669724770646\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"218.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"298.66666666666663\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"325.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"85.33333333333326\" r=\"2.1112385321100917\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"111.99999999999994\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"431.99999999999994\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"538.6666666666666\" r=\"7.591972477064222\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"31.999999999999943\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"271.99999999999994\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"309.18309800709176\" cy=\"191.99999999999994\" r=\"2.3373853211009177\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"165.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"58.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"245.33333333333326\" r=\"2.084633027522936\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"511.99999999999994\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"485.3333333333333\" r=\"5.809403669724771\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"351.99999999999994\" r=\"2.3107798165137616\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"458.66666666666663\" r=\"3.002522935779817\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"405.33333333333326\" r=\"5.769495412844037\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"218.66666666666663\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"298.66666666666663\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"325.33333333333326\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"138.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"111.99999999999994\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"431.99999999999994\" r=\"3.122247706422019\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"538.6666666666666\" r=\"11.236926605504587\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"31.999999999999943\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"271.99999999999994\" r=\"2.031422018348624\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"322.311891977668\" cy=\"191.99999999999994\" r=\"3.2552752293577982\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"165.33333333333326\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"245.33333333333326\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"511.99999999999994\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"485.3333333333333\" r=\"7.964449541284406\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"351.99999999999994\" r=\"2.3373853211009177\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"458.66666666666663\" r=\"2.8295871559633032\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"405.33333333333326\" r=\"10.82454128440367\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"218.66666666666663\" r=\"2.204357798165138\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"298.66666666666663\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"138.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"111.99999999999994\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"431.99999999999994\" r=\"4.399311926605505\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"378.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"538.6666666666666\" r=\"20.349311926605505\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"31.999999999999943\" r=\"2.230963302752294\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"271.99999999999994\" r=\"2.071330275229358\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"335.4406859482442\" cy=\"191.99999999999994\" r=\"4.319495412844037\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"165.33333333333326\" r=\"2.018119266055046\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"245.33333333333326\" r=\"2.4438073394495414\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"511.99999999999994\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"485.3333333333333\" r=\"13.086009174311927\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"351.99999999999994\" r=\"2.6965596330275234\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"458.66666666666663\" r=\"2.4970183486238535\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"405.33333333333326\" r=\"15.493807339449543\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"218.66666666666663\" r=\"2.2708715596330276\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"298.66666666666663\" r=\"2.084633027522936\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"325.33333333333326\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"111.99999999999994\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"431.99999999999994\" r=\"5.982339449541286\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"378.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"538.6666666666666\" r=\"33.545642201834866\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"31.999999999999943\" r=\"2.8162844036697248\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"271.99999999999994\" r=\"2.1378440366972478\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"348.5694799188241\" cy=\"191.99999999999994\" r=\"5.875917431192662\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"165.33333333333326\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"245.33333333333326\" r=\"2.3373853211009177\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"511.99999999999994\" r=\"3.4548165137614686\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"485.3333333333333\" r=\"14.522706422018349\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"351.99999999999994\" r=\"2.723165137614679\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"458.66666666666663\" r=\"2.5635321100917436\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"405.33333333333326\" r=\"13.152522935779817\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"218.66666666666663\" r=\"2.1378440366972478\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"298.66666666666663\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"325.33333333333326\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"138.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"85.33333333333326\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"111.99999999999994\" r=\"2.031422018348624\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"431.99999999999994\" r=\"4.186467889908257\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"538.6666666666666\" r=\"33.82500000000001\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"31.999999999999943\" r=\"2.4438073394495414\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"271.99999999999994\" r=\"2.204357798165138\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"361.6982738894003\" cy=\"191.99999999999994\" r=\"5.29059633027523\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"165.33333333333326\" r=\"2.097935779816514\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"58.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"245.33333333333326\" r=\"2.4571100917431195\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"511.99999999999994\" r=\"2.6300458715596333\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"485.3333333333333\" r=\"15.201146788990826\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"351.99999999999994\" r=\"2.776376146788991\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"458.66666666666663\" r=\"2.8162844036697248\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"405.33333333333326\" r=\"10.877752293577982\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"218.66666666666663\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"298.66666666666663\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"325.33333333333326\" r=\"2.018119266055046\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"111.99999999999994\" r=\"2.3373853211009177\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"431.99999999999994\" r=\"3.3750000000000004\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"378.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"538.6666666666666\" r=\"25.457568807339456\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"31.999999999999943\" r=\"2.177752293577982\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"271.99999999999994\" r=\"2.1378440366972478\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"374.8270678599765\" cy=\"191.99999999999994\" r=\"4.279587155963303\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"165.33333333333326\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"245.33333333333326\" r=\"2.5635321100917436\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"511.99999999999994\" r=\"3.827293577981652\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"485.3333333333333\" r=\"17.050229357798166\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"351.99999999999994\" r=\"2.6167431192660553\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"458.66666666666663\" r=\"2.736467889908257\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"405.33333333333326\" r=\"12.434174311926604\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"218.66666666666663\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"298.66666666666663\" r=\"2.071330275229358\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"325.33333333333326\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"111.99999999999994\" r=\"2.4970183486238535\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"431.99999999999994\" r=\"3.175458715596331\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"378.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"538.6666666666666\" r=\"26.042889908256882\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"31.999999999999943\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"271.99999999999994\" r=\"2.403899082568808\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"387.95586183055275\" cy=\"191.99999999999994\" r=\"4.040137614678899\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"165.33333333333326\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"245.33333333333326\" r=\"2.3772935779816518\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"511.99999999999994\" r=\"5.649770642201836\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"485.3333333333333\" r=\"14.908486238532111\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"351.99999999999994\" r=\"2.6034403669724773\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"458.66666666666663\" r=\"2.4305045871559634\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"405.33333333333326\" r=\"13.192431192660552\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"218.66666666666663\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"298.66666666666663\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"325.33333333333326\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"138.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"85.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"111.99999999999994\" r=\"2.3639908256880737\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"431.99999999999994\" r=\"2.8162844036697248\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"538.6666666666666\" r=\"20.48233944954129\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"31.999999999999943\" r=\"2.071330275229358\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"271.99999999999994\" r=\"2.19105504587156\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"401.0846558011326\" cy=\"191.99999999999994\" r=\"3.5878440366972484\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"165.33333333333326\" r=\"2.031422018348624\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"245.33333333333326\" r=\"2.4305045871559634\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"511.99999999999994\" r=\"5.077752293577983\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"485.3333333333333\" r=\"12.40756880733945\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"351.99999999999994\" r=\"2.749770642201835\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"458.66666666666663\" r=\"2.244266055045872\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"405.33333333333326\" r=\"12.54059633027523\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"218.66666666666663\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"298.66666666666663\" r=\"2.19105504587156\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"325.33333333333326\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"138.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"111.99999999999994\" r=\"2.6167431192660553\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"431.99999999999994\" r=\"2.8561926605504593\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"538.6666666666666\" r=\"15.201146788990826\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"31.999999999999943\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"271.99999999999994\" r=\"2.4438073394495414\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"414.21344977170884\" cy=\"191.99999999999994\" r=\"3.5346330275229363\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"165.33333333333326\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"245.33333333333326\" r=\"2.2708715596330276\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"511.99999999999994\" r=\"4.040137614678899\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"485.3333333333333\" r=\"10.02637614678899\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"351.99999999999994\" r=\"2.3905963302752298\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"458.66666666666663\" r=\"3.3616972477064224\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"405.33333333333326\" r=\"11.210321100917433\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"218.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"298.66666666666663\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"325.33333333333326\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"138.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"85.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"111.99999999999994\" r=\"2.4305045871559634\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"431.99999999999994\" r=\"3.2286697247706426\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"538.6666666666666\" r=\"8.217201834862387\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"31.999999999999943\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"271.99999999999994\" r=\"2.936009174311927\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"427.34224374228506\" cy=\"191.99999999999994\" r=\"3.2153669724770646\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"165.33333333333326\" r=\"2.2708715596330276\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"245.33333333333326\" r=\"2.5635321100917436\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"511.99999999999994\" r=\"3.813990825688074\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"485.3333333333333\" r=\"9.813532110091744\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"351.99999999999994\" r=\"2.896100917431193\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"458.66666666666663\" r=\"3.6277522935779825\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"405.33333333333326\" r=\"10.319036697247705\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"298.66666666666663\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"325.33333333333326\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"111.99999999999994\" r=\"2.244266055045872\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"431.99999999999994\" r=\"3.3750000000000004\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"538.6666666666666\" r=\"7.858027522935781\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"31.999999999999943\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"271.99999999999994\" r=\"2.217660550458716\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"440.4710377128613\" cy=\"191.99999999999994\" r=\"3.494724770642202\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"165.33333333333326\" r=\"2.177752293577982\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"58.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"245.33333333333326\" r=\"2.6965596330275234\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"511.99999999999994\" r=\"5.436926605504588\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"485.3333333333333\" r=\"10.957568807339449\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"351.99999999999994\" r=\"2.936009174311927\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"458.66666666666663\" r=\"3.667660550458716\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"405.33333333333326\" r=\"9.986467889908258\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"218.66666666666663\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"298.66666666666663\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"325.33333333333326\" r=\"2.19105504587156\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"111.99999999999994\" r=\"2.4571100917431195\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"431.99999999999994\" r=\"2.8561926605504593\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"378.66666666666663\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"538.6666666666666\" r=\"10.146100917431193\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"31.999999999999943\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"271.99999999999994\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"453.59983168344115\" cy=\"191.99999999999994\" r=\"3.321788990825689\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"165.33333333333326\" r=\"2.217660550458716\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"58.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"245.33333333333326\" r=\"2.4172018348623854\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"511.99999999999994\" r=\"4.5057339449541285\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"485.3333333333333\" r=\"8.775917431192662\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"351.99999999999994\" r=\"2.776376146788991\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"458.66666666666663\" r=\"3.2818807339449547\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"405.33333333333326\" r=\"7.232798165137616\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"218.66666666666663\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"298.66666666666663\" r=\"2.097935779816514\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"325.33333333333326\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"111.99999999999994\" r=\"2.5236238532110096\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"431.99999999999994\" r=\"3.0956422018348633\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"378.66666666666663\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"538.6666666666666\" r=\"8.430045871559635\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"31.999999999999943\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"271.99999999999994\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"466.7286256540174\" cy=\"191.99999999999994\" r=\"3.494724770642202\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"165.33333333333326\" r=\"2.19105504587156\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"245.33333333333326\" r=\"2.3772935779816518\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"511.99999999999994\" r=\"4.425917431192661\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"485.3333333333333\" r=\"8.230504587155965\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"351.99999999999994\" r=\"2.5236238532110096\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"458.66666666666663\" r=\"2.776376146788991\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"405.33333333333326\" r=\"6.541055045871561\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"218.66666666666663\" r=\"2.097935779816514\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"298.66666666666663\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"325.33333333333326\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"85.33333333333326\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"111.99999999999994\" r=\"2.403899082568808\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"431.99999999999994\" r=\"3.175458715596331\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"378.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"538.6666666666666\" r=\"8.363532110091745\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"31.999999999999943\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"479.8574196245936\" cy=\"191.99999999999994\" r=\"3.7740825688073403\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"165.33333333333326\" r=\"2.097935779816514\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"245.33333333333326\" r=\"2.3240825688073397\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"511.99999999999994\" r=\"3.800688073394496\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"485.3333333333333\" r=\"7.7649082568807355\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"351.99999999999994\" r=\"2.909403669724771\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"458.66666666666663\" r=\"3.2419724770642206\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"405.33333333333326\" r=\"6.60756880733945\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"218.66666666666663\" r=\"2.204357798165138\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"298.66666666666663\" r=\"2.097935779816514\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"325.33333333333326\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"138.66666666666663\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"85.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"111.99999999999994\" r=\"2.4837155963302755\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"431.99999999999994\" r=\"2.8162844036697248\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"378.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"538.6666666666666\" r=\"7.645183486238534\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"31.999999999999943\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"271.99999999999994\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"492.98621359516983\" cy=\"191.99999999999994\" r=\"3.3883027522935785\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"165.33333333333326\" r=\"2.177752293577982\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"58.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"245.33333333333326\" r=\"2.3506880733944957\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"511.99999999999994\" r=\"4.133256880733946\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"485.3333333333333\" r=\"7.7782110091743135\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"351.99999999999994\" r=\"2.6566513761467894\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"458.66666666666663\" r=\"2.6034403669724773\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"405.33333333333326\" r=\"6.155275229357799\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"218.66666666666663\" r=\"2.204357798165138\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"298.66666666666663\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"325.33333333333326\" r=\"2.018119266055046\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"138.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"85.33333333333326\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"111.99999999999994\" r=\"2.2974770642201836\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"431.99999999999994\" r=\"2.896100917431193\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"378.66666666666663\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"538.6666666666666\" r=\"8.549770642201837\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"31.999999999999943\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"271.99999999999994\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"506.1150075657497\" cy=\"191.99999999999994\" r=\"4.359403669724771\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"165.33333333333326\" r=\"2.2575688073394495\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"58.66666666666663\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"245.33333333333326\" r=\"2.4305045871559634\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"511.99999999999994\" r=\"4.638761467889909\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"485.3333333333333\" r=\"9.095183486238533\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"351.99999999999994\" r=\"2.217660550458716\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"458.66666666666663\" r=\"3.069036697247707\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"405.33333333333326\" r=\"6.02224770642202\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"218.66666666666663\" r=\"2.230963302752294\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"298.66666666666663\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"325.33333333333326\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"138.66666666666663\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"85.33333333333326\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"111.99999999999994\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"431.99999999999994\" r=\"2.936009174311927\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"378.66666666666663\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"538.6666666666666\" r=\"9.534174311926606\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"31.999999999999943\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"271.99999999999994\" r=\"2.031422018348624\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"519.2438015363259\" cy=\"191.99999999999994\" r=\"5.091055045871561\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"165.33333333333326\" r=\"2.5635321100917436\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"245.33333333333326\" r=\"2.4571100917431195\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"511.99999999999994\" r=\"5.383715596330276\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"485.3333333333333\" r=\"10.03967889908257\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"351.99999999999994\" r=\"2.4172018348623854\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"458.66666666666663\" r=\"2.975917431192661\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"405.33333333333326\" r=\"5.742889908256881\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"218.66666666666663\" r=\"2.164449541284404\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"298.66666666666663\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"325.33333333333326\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"138.66666666666663\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"85.33333333333326\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"111.99999999999994\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"431.99999999999994\" r=\"3.3483944954128444\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"538.6666666666666\" r=\"10.930963302752295\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"31.999999999999943\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"271.99999999999994\" r=\"2.1112385321100917\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"532.3725955069021\" cy=\"191.99999999999994\" r=\"4.9979357798165145\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"165.33333333333326\" r=\"2.4305045871559634\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"245.33333333333326\" r=\"2.3639908256880737\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"511.99999999999994\" r=\"4.625458715596331\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"485.3333333333333\" r=\"9.547477064220185\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"351.99999999999994\" r=\"2.3506880733944957\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"458.66666666666663\" r=\"3.4282110091743125\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"405.33333333333326\" r=\"6.155275229357799\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"218.66666666666663\" r=\"2.177752293577982\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"298.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#32922f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"5.3333333333332575\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"325.33333333333326\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"138.66666666666663\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"85.33333333333326\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"111.99999999999994\" r=\"2.1378440366972478\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"431.99999999999994\" r=\"3.6011467889908264\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"538.6666666666666\" r=\"9.893348623853212\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"31.999999999999943\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"271.99999999999994\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"545.5013894774784\" cy=\"191.99999999999994\" r=\"4.519036697247707\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"165.33333333333326\" r=\"2.3506880733944957\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"245.33333333333326\" r=\"2.284174311926606\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"511.99999999999994\" r=\"4.226376146788991\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"485.3333333333333\" r=\"8.350229357798165\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"351.99999999999994\" r=\"2.4970183486238535\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"458.66666666666663\" r=\"3.3616972477064224\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"405.33333333333326\" r=\"6.328211009174313\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"218.66666666666663\" r=\"2.244266055045872\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"298.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#32922f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"5.3333333333332575\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"325.33333333333326\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"138.66666666666663\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"85.33333333333326\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"111.99999999999994\" r=\"2.151146788990826\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"431.99999999999994\" r=\"3.135550458715597\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"378.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"538.6666666666666\" r=\"9.82683486238532\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"31.999999999999943\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"271.99999999999994\" r=\"2.151146788990826\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"558.6301834480582\" cy=\"191.99999999999994\" r=\"4.199770642201836\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"165.33333333333326\" r=\"2.1112385321100917\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"245.33333333333326\" r=\"2.3107798165137616\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"511.99999999999994\" r=\"4.0534403669724774\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"485.3333333333333\" r=\"7.7915137614678915\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"351.99999999999994\" r=\"2.4571100917431195\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"458.66666666666663\" r=\"3.2286697247706426\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"405.33333333333326\" r=\"5.836009174311927\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"218.66666666666663\" r=\"2.403899082568808\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"298.66666666666663\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#32922f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"5.3333333333332575\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"325.33333333333326\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"138.66666666666663\" r=\"2.4704128440366975\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"85.33333333333326\" r=\"3.162155963302753\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"111.99999999999994\" r=\"2.3905963302752298\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"431.99999999999994\" r=\"3.0557339449541288\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"378.66666666666663\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"538.6666666666666\" r=\"10.066284403669725\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"31.999999999999943\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"271.99999999999994\" r=\"2.071330275229358\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"571.7589774186345\" cy=\"191.99999999999994\" r=\"3.4415137614678906\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"165.33333333333326\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"58.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"245.33333333333326\" r=\"2.3107798165137616\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"511.99999999999994\" r=\"4.346100917431193\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"485.3333333333333\" r=\"8.150688073394496\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"351.99999999999994\" r=\"2.6433486238532113\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"458.66666666666663\" r=\"3.64105504587156\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"405.33333333333326\" r=\"5.822706422018349\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"218.66666666666663\" r=\"2.4438073394495414\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"298.66666666666663\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"325.33333333333326\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"138.66666666666663\" r=\"2.403899082568808\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"85.33333333333326\" r=\"4.239678899082569\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"111.99999999999994\" r=\"2.2708715596330276\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"431.99999999999994\" r=\"3.4548165137614686\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"378.66666666666663\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"538.6666666666666\" r=\"9.999770642201836\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"31.999999999999943\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"271.99999999999994\" r=\"2.071330275229358\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"584.8877713892107\" cy=\"191.99999999999994\" r=\"3.3350917431192664\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"165.33333333333326\" r=\"2.071330275229358\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"245.33333333333326\" r=\"2.2575688073394495\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"511.99999999999994\" r=\"4.678669724770643\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"485.3333333333333\" r=\"7.7649082568807355\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"351.99999999999994\" r=\"2.8694954128440373\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"458.66666666666663\" r=\"3.082339449541285\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"405.33333333333326\" r=\"6.527752293577983\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"218.66666666666663\" r=\"2.6433486238532113\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"298.66666666666663\" r=\"1.99151376146789\" />\n",
       "            <circle fill=\"#32922f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"5.3333333333332575\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"325.33333333333326\" r=\"2.031422018348624\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"138.66666666666663\" r=\"2.217660550458716\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"85.33333333333326\" r=\"2.8827981651376153\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"111.99999999999994\" r=\"2.3506880733944957\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"431.99999999999994\" r=\"3.082339449541285\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"378.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"538.6666666666666\" r=\"8.602981651376147\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"31.999999999999943\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"271.99999999999994\" r=\"2.1378440366972478\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"598.0165653597869\" cy=\"191.99999999999994\" r=\"3.175458715596331\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"165.33333333333326\" r=\"2.084633027522936\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"58.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"245.33333333333326\" r=\"2.3107798165137616\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"511.99999999999994\" r=\"5.037844036697249\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"485.3333333333333\" r=\"7.685091743119267\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"351.99999999999994\" r=\"3.162155963302753\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"458.66666666666663\" r=\"5.250688073394496\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"405.33333333333326\" r=\"7.019954128440368\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"218.66666666666663\" r=\"2.922706422018349\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"298.66666666666663\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#32922f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"5.3333333333332575\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"325.33333333333326\" r=\"2.151146788990826\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"138.66666666666663\" r=\"2.3905963302752298\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"85.33333333333326\" r=\"2.975917431192661\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"111.99999999999994\" r=\"2.723165137614679\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"431.99999999999994\" r=\"2.8694954128440373\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"378.66666666666663\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"538.6666666666666\" r=\"9.095183486238533\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"31.999999999999943\" r=\"2.1112385321100917\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"271.99999999999994\" r=\"2.031422018348624\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"611.1453593303668\" cy=\"191.99999999999994\" r=\"3.3616972477064224\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"165.33333333333326\" r=\"2.097935779816514\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"58.66666666666663\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"245.33333333333326\" r=\"2.3639908256880737\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"511.99999999999994\" r=\"4.798394495412844\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"485.3333333333333\" r=\"8.602981651376147\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"351.99999999999994\" r=\"2.949311926605505\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"458.66666666666663\" r=\"5.250688073394496\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"405.33333333333326\" r=\"6.727293577981652\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"218.66666666666663\" r=\"2.896100917431193\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"298.66666666666663\" r=\"2.1112385321100917\" />\n",
       "            <circle fill=\"#32922f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"5.3333333333332575\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"325.33333333333326\" r=\"2.1378440366972478\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"138.66666666666663\" r=\"2.3639908256880737\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"85.33333333333326\" r=\"3.5878440366972484\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"111.99999999999994\" r=\"2.5236238532110096\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"431.99999999999994\" r=\"3.3084862385321108\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"378.66666666666663\" r=\"2.071330275229358\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"538.6666666666666\" r=\"8.78922018348624\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"31.999999999999943\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"271.99999999999994\" r=\"2.217660550458716\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"624.274153300943\" cy=\"191.99999999999994\" r=\"2.789678899082569\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"165.33333333333326\" r=\"2.164449541284404\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"58.66666666666663\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"245.33333333333326\" r=\"2.4571100917431195\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"511.99999999999994\" r=\"4.691972477064221\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"485.3333333333333\" r=\"8.243807339449543\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"351.99999999999994\" r=\"2.802981651376147\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"458.66666666666663\" r=\"3.5213302752293583\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"405.33333333333326\" r=\"6.980045871559635\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"218.66666666666663\" r=\"2.8428899082568813\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"298.66666666666663\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#32922f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"5.3333333333332575\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"325.33333333333326\" r=\"2.044724770642202\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"138.66666666666663\" r=\"2.2708715596330276\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"85.33333333333326\" r=\"3.9736238532110097\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"111.99999999999994\" r=\"2.6034403669724773\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"431.99999999999994\" r=\"3.2951834862385327\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"378.66666666666663\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"538.6666666666666\" r=\"9.45435779816514\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"31.999999999999943\" r=\"2.084633027522936\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"271.99999999999994\" r=\"2.097935779816514\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"637.4029472715192\" cy=\"191.99999999999994\" r=\"3.082339449541285\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"165.33333333333326\" r=\"2.4837155963302755\" />\n",
       "            <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"58.66666666666663\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"245.33333333333326\" r=\"2.4571100917431195\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"511.99999999999994\" r=\"4.545642201834863\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"485.3333333333333\" r=\"7.884633027522938\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"351.99999999999994\" r=\"3.002522935779817\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"458.66666666666663\" r=\"3.7607798165137623\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"405.33333333333326\" r=\"6.780504587155965\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"218.66666666666663\" r=\"2.909403669724771\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"298.66666666666663\" r=\"2.1378440366972478\" />\n",
       "            <circle fill=\"#32922f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"5.3333333333332575\" r=\"1.9383027522935783\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"325.33333333333326\" r=\"2.12454128440367\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"138.66666666666663\" r=\"2.217660550458716\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"85.33333333333326\" r=\"3.84059633027523\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"111.99999999999994\" r=\"2.6167431192660553\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"431.99999999999994\" r=\"3.3616972477064224\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"378.66666666666663\" r=\"2.097935779816514\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"538.6666666666666\" r=\"8.483256880733947\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"31.999999999999943\" r=\"2.1112385321100917\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"271.99999999999994\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"650.5317412420954\" cy=\"191.99999999999994\" r=\"3.90711009174312\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"165.33333333333326\" r=\"2.19105504587156\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"245.33333333333326\" r=\"2.4970183486238535\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"511.99999999999994\" r=\"4.612155963302753\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"485.3333333333333\" r=\"8.549770642201837\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"351.99999999999994\" r=\"3.3084862385321108\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"458.66666666666663\" r=\"5.9025229357798175\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"405.33333333333326\" r=\"6.793807339449542\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"218.66666666666663\" r=\"3.2419724770642206\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"298.66666666666663\" r=\"2.071330275229358\" />\n",
       "            <circle fill=\"#32922f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"5.3333333333332575\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"325.33333333333326\" r=\"2.164449541284404\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"138.66666666666663\" r=\"2.284174311926606\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"85.33333333333326\" r=\"3.827293577981652\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"111.99999999999994\" r=\"2.5768348623853212\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"431.99999999999994\" r=\"3.108944954128441\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"378.66666666666663\" r=\"2.1112385321100917\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"538.6666666666666\" r=\"8.629587155963304\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"31.999999999999943\" r=\"2.217660550458716\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"271.99999999999994\" r=\"2.3772935779816518\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"663.6605352126753\" cy=\"191.99999999999994\" r=\"3.694266055045872\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"165.33333333333326\" r=\"2.3373853211009177\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"245.33333333333326\" r=\"2.7098623853211015\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"511.99999999999994\" r=\"4.399311926605505\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"485.3333333333333\" r=\"8.72270642201835\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"351.99999999999994\" r=\"3.3750000000000004\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"458.66666666666663\" r=\"5.889220183486239\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"405.33333333333326\" r=\"7.7649082568807355\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"218.66666666666663\" r=\"3.321788990825689\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"298.66666666666663\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#32922f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"5.3333333333332575\" r=\"1.9250000000000003\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"325.33333333333326\" r=\"1.9649082568807343\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"138.66666666666663\" r=\"2.3772935779816518\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"85.33333333333326\" r=\"3.9736238532110097\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"111.99999999999994\" r=\"2.6566513761467894\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"431.99999999999994\" r=\"3.3483944954128444\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"378.66666666666663\" r=\"2.018119266055046\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"538.6666666666666\" r=\"9.148394495412845\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"31.999999999999943\" r=\"2.230963302752294\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"271.99999999999994\" r=\"3.3616972477064224\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"676.7893291832515\" cy=\"191.99999999999994\" r=\"3.7474770642201842\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"165.33333333333326\" r=\"2.230963302752294\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"245.33333333333326\" r=\"2.5901376146788992\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"511.99999999999994\" r=\"4.545642201834863\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"485.3333333333333\" r=\"9.068577981651377\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"351.99999999999994\" r=\"3.162155963302753\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"458.66666666666663\" r=\"4.173165137614679\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"405.33333333333326\" r=\"7.2860091743119275\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"218.66666666666663\" r=\"3.2951834862385327\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"298.66666666666663\" r=\"2.004816513761468\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"325.33333333333326\" r=\"1.9516055045871559\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"138.66666666666663\" r=\"2.4837155963302755\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"85.33333333333326\" r=\"3.7474770642201842\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"111.99999999999994\" r=\"2.7098623853211015\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"431.99999999999994\" r=\"3.162155963302753\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"378.66666666666663\" r=\"1.9782110091743124\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"538.6666666666666\" r=\"8.696100917431194\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"31.999999999999943\" r=\"2.097935779816514\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"271.99999999999994\" r=\"2.736467889908257\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"689.9181231538278\" cy=\"191.99999999999994\" r=\"3.5080275229357802\" />\n",
       "            <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"165.33333333333326\" r=\"2.204357798165138\" />\n",
       "            <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"245.33333333333326\" r=\"2.6300458715596333\" />\n",
       "            <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"511.99999999999994\" r=\"4.266284403669725\" />\n",
       "            <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"485.3333333333333\" r=\"8.017660550458716\" />\n",
       "            <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"351.99999999999994\" r=\"3.1887614678899086\" />\n",
       "            <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"458.66666666666663\" r=\"3.7607798165137623\" />\n",
       "            <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"405.33333333333326\" r=\"7.725000000000001\" />\n",
       "            <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"218.66666666666663\" r=\"3.4415137614678906\" />\n",
       "            <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"298.66666666666663\" r=\"2.031422018348624\" />\n",
       "            <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"325.33333333333326\" r=\"2.05802752293578\" />\n",
       "            <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"138.66666666666663\" r=\"2.403899082568808\" />\n",
       "            <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"85.33333333333326\" r=\"3.3483944954128444\" />\n",
       "            <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"111.99999999999994\" r=\"2.7098623853211015\" />\n",
       "            <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"431.99999999999994\" r=\"2.789678899082569\" />\n",
       "            <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"378.66666666666663\" r=\"2.018119266055046\" />\n",
       "            <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"538.6666666666666\" r=\"7.631880733944955\" />\n",
       "            <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"31.999999999999943\" r=\"2.2708715596330276\" />\n",
       "            <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"271.99999999999994\" r=\"2.403899082568808\" />\n",
       "            <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"703.046917124404\" cy=\"191.99999999999994\" r=\"3.57454128440367\" />\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <g transform=\"translate(14.5 282.0 ) rotate(-90.0 ) \">\n",
       "      <text class=\"axis-title-y\" y=\"0.0\" text-anchor=\"middle\">\n",
       "        <tspan>genre</tspan>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(486.0048486361329 591.5 ) \">\n",
       "      <text class=\"axis-title-x\" y=\"0.0\" text-anchor=\"middle\">\n",
       "        <tspan>year</tspan>\n",
       "      </text>\n",
       "    </g>\n",
       "    <g transform=\"translate(864.2675195108204 0.0 ) \">\n",
       "      <rect x=\"5.0\" y=\"5.0\" height=\"201.5\" width=\"112.98621485895193\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "      </rect>\n",
       "      <g transform=\"translate(10.0 10.0 ) \">\n",
       "        <g transform=\"translate(0.0 10.5 ) \">\n",
       "          <text class=\"legend-title\" y=\"0.0\">\n",
       "            <tspan>count</tspan>\n",
       "          </text>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 22.5 ) \">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"62.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#ffffff\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"30.0\" cy=\"10.5\" r=\"8.563073394495413\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"62.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(65.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>500</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 23.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"36.0\" width=\"62.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#ffffff\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"30.0\" cy=\"17.0\" r=\"15.214449541284404\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"36.0\" width=\"62.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(65.9903027277341 22.55 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>1,000</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 59.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"48.0\" width=\"62.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#ffffff\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"30.0\" cy=\"23.0\" r=\"21.8658256880734\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"48.0\" width=\"62.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(65.9903027277341 28.55 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>1,500</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 107.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"62.0\" width=\"62.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#ffffff\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"30.0\" cy=\"30.0\" r=\"28.51720183486239\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"62.0\" width=\"62.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(65.9903027277341 35.55 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>2,000</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <g transform=\"translate(864.2675195108204 211.5 ) \">\n",
       "      <rect x=\"5.0\" y=\"5.0\" height=\"515.5\" width=\"125.73248048917955\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "      </rect>\n",
       "      <g transform=\"translate(10.0 10.0 ) \">\n",
       "        <g transform=\"translate(0.0 10.5 ) \">\n",
       "          <text class=\"legend-title\" y=\"0.0\">\n",
       "            <tspan>genre</tspan>\n",
       "          </text>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 22.5 ) \">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#e41a1c\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Short</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 23.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#377eb8\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Animation</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 46.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#4daf4a\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Comedy</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 69.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#984ea3\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Documentary</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 92.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#ff7f00\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Romance</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 115.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#ffff33\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Drama</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 138.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#a65628\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Sci-Fi</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 161.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#f781bf\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Crime</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 184.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#999999\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Horror</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 207.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#6a8b7b\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Fantasy</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 230.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#96ef3e\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>War</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 253.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#ac21a9\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Adventure</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 276.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#f7bf29\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Family</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 299.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#85f05f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Western</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 322.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#857192\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Action</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 345.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#2cc787\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Music</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 368.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#7df245\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Mystery</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 391.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#f80b1f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Musical</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 414.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#c9fc01\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Adult</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 437.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#f5619d\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Thriller</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 460.0 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(1.0 1.0 ) \">\n",
       "                <g>\n",
       "                  <g >\n",
       "                    <circle fill=\"#32922f\" stroke=\"#5470c6\" stroke-width=\"1.6500000000000001\" cx=\"10.5\" cy=\"10.5\" r=\"6.325\" />\n",
       "                  </g>\n",
       "                </g>\n",
       "              </g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"23.0\" width=\"23.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" stroke-width=\"1.0\" fill-opacity=\"0.0\">\n",
       "              </rect>\n",
       "            </g>\n",
       "            <g transform=\"translate(26.9903027277341 16.05 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>Film-Noir</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 600.0 L1000.0 600.0 L1000.0 0.0 Z\">\n",
       "    </path>\n",
       "  </g>\n",
       "  <g id=\"dW2RBTl\">\n",
       "  </g>\n",
       "</svg>\n",
       "        <script>document.getElementById(\"ba59c22d-331a-4d1f-a774-0d306f02c049\").style.display = \"none\";</script>"
      ],
      "application/plot+json": {
       "output_type": "lets_plot_spec",
       "output": {
        "mapping": {},
        "data": {
         "year": [
          1888.0,
          1890.0,
          1891.0,
          1892.0,
          1892.0,
          1892.0,
          1892.0,
          1892.0,
          1893.0,
          1894.0,
          1894.0,
          1894.0,
          1894.0,
          1895.0,
          1895.0,
          1895.0,
          1895.0,
          1895.0,
          1895.0,
          1896.0,
          1896.0,
          1896.0,
          1896.0,
          1896.0,
          1896.0,
          1897.0,
          1897.0,
          1897.0,
          1897.0,
          1897.0,
          1897.0,
          1897.0,
          1897.0,
          1898.0,
          1898.0,
          1898.0,
          1898.0,
          1898.0,
          1898.0,
          1898.0,
          1898.0,
          1898.0,
          1898.0,
          1899.0,
          1899.0,
          1899.0,
          1899.0,
          1899.0,
          1899.0,
          1899.0,
          1899.0,
          1899.0,
          1899.0,
          1899.0,
          1899.0,
          1900.0,
          1900.0,
          1900.0,
          1900.0,
          1900.0,
          1900.0,
          1900.0,
          1900.0,
          1900.0,
          1900.0,
          1900.0,
          1900.0,
          1900.0,
          1901.0,
          1901.0,
          1901.0,
          1901.0,
          1901.0,
          1901.0,
          1901.0,
          1901.0,
          1901.0,
          1901.0,
          1901.0,
          1902.0,
          1902.0,
          1902.0,
          1902.0,
          1902.0,
          1902.0,
          1902.0,
          1902.0,
          1902.0,
          1903.0,
          1903.0,
          1903.0,
          1903.0,
          1903.0,
          1903.0,
          1903.0,
          1903.0,
          1903.0,
          1903.0,
          1903.0,
          1903.0,
          1904.0,
          1904.0,
          1904.0,
          1904.0,
          1904.0,
          1904.0,
          1904.0,
          1904.0,
          1904.0,
          1904.0,
          1904.0,
          1905.0,
          1905.0,
          1905.0,
          1905.0,
          1905.0,
          1905.0,
          1905.0,
          1905.0,
          1905.0,
          1905.0,
          1905.0,
          1905.0,
          1905.0,
          1906.0,
          1906.0,
          1906.0,
          1906.0,
          1906.0,
          1906.0,
          1906.0,
          1906.0,
          1906.0,
          1906.0,
          1906.0,
          1906.0,
          1907.0,
          1907.0,
          1907.0,
          1907.0,
          1907.0,
          1907.0,
          1907.0,
          1907.0,
          1907.0,
          1907.0,
          1907.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1908.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1909.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1910.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1911.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1912.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1913.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1914.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1915.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1916.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1917.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1918.0,
          1919.0,
          1919.0,
          1919.0,
          1919.0,
          1919.0,
          1919.0,
          1919.0,
          1919.0,
          1919.0,
          1919.0,
          1919.0,
          1919.0,
          1919.0,
          1919.0,
          1919.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1920.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1921.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1922.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1923.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1924.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1925.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1926.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1927.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1928.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1929.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1930.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1931.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1932.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1933.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1934.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1935.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1936.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1937.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1938.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0,
          1939.0
         ],
         "genre": [
          "Short",
          "Short",
          "Short",
          "Animation",
          "Comedy",
          "Documentary",
          "Romance",
          "Short",
          "Short",
          "Comedy",
          "Documentary",
          "Drama",
          "Short",
          "Animation",
          "Comedy",
          "Documentary",
          "Drama",
          "Sci-Fi",
          "Short",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Horror",
          "Short",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Fantasy",
          "Horror",
          "Short",
          "War",
          "Animation",
          "Comedy",
          "Documentary",
          "Drama",
          "Fantasy",
          "Horror",
          "Romance",
          "Sci-Fi",
          "Short",
          "War",
          "Adventure",
          "Animation",
          "Comedy",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Sci-Fi",
          "Short",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Fantasy",
          "Horror",
          "Music",
          "Mystery",
          "Short",
          "War",
          "Action",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Fantasy",
          "Music",
          "Romance",
          "Short",
          "War",
          "Western",
          "Adventure",
          "Animation",
          "Comedy",
          "Documentary",
          "Drama",
          "Fantasy",
          "Horror",
          "Sci-Fi",
          "Short",
          "Action",
          "Adventure",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Romance",
          "Short",
          "War",
          "Western",
          "Action",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Fantasy",
          "Musical",
          "Sci-Fi",
          "Short",
          "War",
          "Western",
          "Adult",
          "Adventure",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Mystery",
          "Romance",
          "Short",
          "War",
          "Western",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Fantasy",
          "Musical",
          "Romance",
          "Sci-Fi",
          "Short",
          "Western",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Fantasy",
          "Musical",
          "Romance",
          "Short",
          "Western",
          "Action",
          "Adult",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Fantasy",
          "Horror",
          "Music",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Musical",
          "Mystery",
          "Romance",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adult",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Music",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Music",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adult",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Music",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Fantasy",
          "Horror",
          "Mystery",
          "Romance",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adult",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adult",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adult",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adult",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Film-Noir",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Film-Noir",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Film-Noir",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adult",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Film-Noir",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adult",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Film-Noir",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adult",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Film-Noir",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adult",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Film-Noir",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adult",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Film-Noir",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Film-Noir",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Film-Noir",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western",
          "Action",
          "Adventure",
          "Animation",
          "Comedy",
          "Crime",
          "Documentary",
          "Drama",
          "Family",
          "Fantasy",
          "Horror",
          "Music",
          "Musical",
          "Mystery",
          "Romance",
          "Sci-Fi",
          "Short",
          "Thriller",
          "War",
          "Western"
         ],
         "count": [
          2.0,
          3.0,
          2.0,
          3.0,
          1.0,
          1.0,
          1.0,
          4.0,
          1.0,
          1.0,
          16.0,
          1.0,
          31.0,
          1.0,
          4.0,
          27.0,
          1.0,
          1.0,
          44.0,
          21.0,
          3.0,
          174.0,
          8.0,
          2.0,
          149.0,
          67.0,
          2.0,
          232.0,
          8.0,
          2.0,
          5.0,
          191.0,
          1.0,
          1.0,
          81.0,
          225.0,
          13.0,
          8.0,
          4.0,
          1.0,
          1.0,
          241.0,
          2.0,
          1.0,
          2.0,
          62.0,
          387.0,
          10.0,
          1.0,
          16.0,
          6.0,
          1.0,
          198.0,
          10.0,
          2.0,
          2.0,
          1.0,
          1.0,
          80.0,
          6.0,
          260.0,
          24.0,
          24.0,
          2.0,
          1.0,
          1.0,
          238.0,
          9.0,
          1.0,
          106.0,
          2.0,
          584.0,
          20.0,
          27.0,
          1.0,
          1.0,
          649.0,
          14.0,
          1.0,
          2.0,
          1.0,
          129.0,
          460.0,
          15.0,
          54.0,
          2.0,
          1.0,
          734.0,
          5.0,
          1.0,
          158.0,
          4.0,
          345.0,
          24.0,
          3.0,
          45.0,
          1.0,
          746.0,
          1.0,
          6.0,
          2.0,
          26.0,
          6.0,
          32.0,
          25.0,
          3.0,
          1.0,
          1.0,
          146.0,
          3.0,
          4.0,
          1.0,
          3.0,
          44.0,
          8.0,
          67.0,
          40.0,
          1.0,
          5.0,
          1.0,
          1.0,
          170.0,
          1.0,
          1.0,
          1.0,
          3.0,
          34.0,
          8.0,
          111.0,
          32.0,
          3.0,
          2.0,
          1.0,
          1.0,
          304.0,
          3.0,
          1.0,
          7.0,
          52.0,
          1.0,
          74.0,
          43.0,
          5.0,
          2.0,
          2.0,
          229.0,
          7.0,
          17.0,
          1.0,
          3.0,
          4.0,
          45.0,
          11.0,
          49.0,
          61.0,
          7.0,
          1.0,
          1.0,
          4.0,
          10.0,
          1.0,
          286.0,
          2.0,
          11.0,
          3.0,
          3.0,
          6.0,
          122.0,
          9.0,
          60.0,
          98.0,
          2.0,
          4.0,
          1.0,
          15.0,
          4.0,
          16.0,
          427.0,
          5.0,
          7.0,
          32.0,
          1.0,
          1.0,
          13.0,
          6.0,
          293.0,
          30.0,
          82.0,
          290.0,
          5.0,
          6.0,
          3.0,
          1.0,
          1.0,
          91.0,
          1.0,
          701.0,
          11.0,
          9.0,
          101.0,
          6.0,
          16.0,
          4.0,
          455.0,
          32.0,
          69.0,
          670.0,
          22.0,
          11.0,
          2.0,
          2.0,
          187.0,
          2.0,
          1386.0,
          24.0,
          12.0,
          181.0,
          8.0,
          40.0,
          10.0,
          840.0,
          59.0,
          44.0,
          1021.0,
          27.0,
          13.0,
          5.0,
          10.0,
          306.0,
          2.0,
          2378.0,
          68.0,
          17.0,
          298.0,
          11.0,
          32.0,
          116.0,
          948.0,
          61.0,
          49.0,
          845.0,
          17.0,
          10.0,
          5.0,
          1.0,
          2.0,
          9.0,
          171.0,
          1.0,
          2399.0,
          40.0,
          22.0,
          254.0,
          14.0,
          1.0,
          41.0,
          54.0,
          999.0,
          65.0,
          68.0,
          674.0,
          5.0,
          16.0,
          8.0,
          32.0,
          110.0,
          2.0,
          1770.0,
          20.0,
          17.0,
          178.0,
          16.0,
          49.0,
          144.0,
          1138.0,
          53.0,
          62.0,
          791.0,
          3.0,
          12.0,
          10.0,
          44.0,
          95.0,
          2.0,
          1814.0,
          16.0,
          37.0,
          160.0,
          10.0,
          35.0,
          281.0,
          977.0,
          52.0,
          39.0,
          848.0,
          3.0,
          11.0,
          6.0,
          1.0,
          1.0,
          34.0,
          68.0,
          1.0,
          1396.0,
          12.0,
          21.0,
          126.0,
          9.0,
          39.0,
          238.0,
          789.0,
          63.0,
          25.0,
          799.0,
          7.0,
          21.0,
          6.0,
          1.0,
          53.0,
          71.0,
          1.0,
          999.0,
          11.0,
          40.0,
          122.0,
          11.0,
          27.0,
          160.0,
          610.0,
          36.0,
          109.0,
          699.0,
          2.0,
          10.0,
          3.0,
          1.0,
          1.0,
          39.0,
          99.0,
          1.0,
          474.0,
          10.0,
          77.0,
          98.0,
          27.0,
          49.0,
          143.0,
          594.0,
          74.0,
          129.0,
          632.0,
          7.0,
          10.0,
          25.0,
          110.0,
          447.0,
          5.0,
          23.0,
          119.0,
          20.0,
          2.0,
          59.0,
          265.0,
          680.0,
          77.0,
          132.0,
          607.0,
          4.0,
          7.0,
          21.0,
          41.0,
          71.0,
          3.0,
          619.0,
          7.0,
          5.0,
          106.0,
          23.0,
          2.0,
          38.0,
          195.0,
          516.0,
          65.0,
          103.0,
          400.0,
          4.0,
          14.0,
          4.0,
          46.0,
          89.0,
          3.0,
          490.0,
          4.0,
          3.0,
          119.0,
          21.0,
          35.0,
          189.0,
          475.0,
          46.0,
          65.0,
          348.0,
          14.0,
          5.0,
          4.0,
          2.0,
          37.0,
          95.0,
          2.0,
          485.0,
          7.0,
          140.0,
          14.0,
          31.0,
          142.0,
          440.0,
          75.0,
          100.0,
          353.0,
          22.0,
          14.0,
          6.0,
          3.0,
          1.0,
          43.0,
          68.0,
          2.0,
          431.0,
          6.0,
          7.0,
          111.0,
          20.0,
          2.0,
          33.0,
          167.0,
          441.0,
          56.0,
          52.0,
          319.0,
          22.0,
          10.0,
          8.0,
          1.0,
          2.0,
          29.0,
          74.0,
          5.0,
          499.0,
          16.0,
          5.0,
          184.0,
          26.0,
          6.0,
          39.0,
          205.0,
          540.0,
          23.0,
          87.0,
          309.0,
          24.0,
          7.0,
          4.0,
          5.0,
          4.0,
          5.0,
          77.0,
          5.0,
          573.0,
          3.0,
          9.0,
          239.0,
          49.0,
          41.0,
          261.0,
          611.0,
          38.0,
          80.0,
          288.0,
          19.0,
          5.0,
          5.0,
          5.0,
          3.0,
          16.0,
          108.0,
          1.0,
          678.0,
          11.0,
          15.0,
          232.0,
          39.0,
          34.0,
          204.0,
          574.0,
          33.0,
          114.0,
          319.0,
          20.0,
          1.0,
          1.0,
          4.0,
          3.0,
          11.0,
          17.0,
          127.0,
          1.0,
          600.0,
          7.0,
          16.0,
          196.0,
          33.0,
          28.0,
          174.0,
          484.0,
          44.0,
          109.0,
          332.0,
          25.0,
          1.0,
          1.0,
          2.0,
          7.0,
          16.0,
          18.0,
          92.0,
          1.0,
          595.0,
          11.0,
          18.0,
          172.0,
          15.0,
          30.0,
          161.0,
          442.0,
          41.0,
          99.0,
          295.0,
          37.0,
          3.0,
          1.0,
          4.0,
          42.0,
          94.0,
          36.0,
          86.0,
          3.0,
          613.0,
          11.0,
          12.0,
          115.0,
          10.0,
          1.0,
          30.0,
          183.0,
          469.0,
          55.0,
          130.0,
          294.0,
          40.0,
          11.0,
          1.0,
          37.0,
          175.0,
          27.0,
          116.0,
          4.0,
          608.0,
          5.0,
          12.0,
          107.0,
          12.0,
          26.0,
          208.0,
          440.0,
          72.0,
          88.0,
          347.0,
          55.0,
          6.0,
          1.0,
          9.0,
          23.0,
          73.0,
          33.0,
          88.0,
          2.0,
          503.0,
          11.0,
          17.0,
          95.0,
          13.0,
          1.0,
          30.0,
          235.0,
          434.0,
          94.0,
          251.0,
          384.0,
          76.0,
          7.0,
          2.0,
          18.0,
          36.0,
          80.0,
          61.0,
          72.0,
          5.0,
          540.0,
          15.0,
          9.0,
          109.0,
          14.0,
          2.0,
          34.0,
          217.0,
          503.0,
          78.0,
          251.0,
          362.0,
          74.0,
          15.0,
          1.0,
          17.0,
          34.0,
          126.0,
          46.0,
          105.0,
          12.0,
          517.0,
          16.0,
          23.0,
          66.0,
          19.0,
          3.0,
          41.0,
          209.0,
          476.0,
          67.0,
          121.0,
          381.0,
          70.0,
          11.0,
          1.0,
          10.0,
          27.0,
          155.0,
          52.0,
          104.0,
          7.0,
          567.0,
          13.0,
          14.0,
          88.0,
          43.0,
          1.0,
          41.0,
          198.0,
          449.0,
          82.0,
          139.0,
          366.0,
          75.0,
          17.0,
          2.0,
          16.0,
          23.0,
          145.0,
          53.0,
          109.0,
          14.0,
          494.0,
          15.0,
          7.0,
          150.0,
          21.0,
          44.0,
          203.0,
          499.0,
          105.0,
          300.0,
          367.0,
          100.0,
          12.0,
          1.0,
          19.0,
          28.0,
          144.0,
          50.0,
          90.0,
          15.0,
          505.0,
          23.0,
          35.0,
          134.0,
          32.0,
          60.0,
          187.0,
          512.0,
          110.0,
          299.0,
          440.0,
          106.0,
          11.0,
          1.0,
          4.0,
          35.0,
          155.0,
          56.0,
          108.0,
          8.0,
          544.0,
          24.0,
          109.0,
          138.0,
          24.0,
          51.0,
          198.0,
          538.0,
          94.0,
          170.0,
          404.0,
          104.0,
          7.0,
          3.0,
          43.0,
          138.0,
          60.0,
          94.0,
          5.0,
          510.0,
          14.0,
          62.0,
          120.0,
          22.0,
          54.0,
          177.0,
          459.0,
          96.0,
          139.0,
          437.0,
          115.0,
          9.0,
          11.0,
          37.0,
          108.0,
          60.0,
          66.0,
          8.0,
          430.0,
          27.0,
          37.0,
          125.0
         ]
        },
        "ggsize": {
         "width": 1000.0,
         "height": 600.0
        },
        "kind": "plot",
        "scales": [
         {
          "aesthetic": "x",
          "limits": [
           null,
           null
          ]
         },
         {
          "aesthetic": "y",
          "discrete": true
         },
         {
          "aesthetic": "fill",
          "discrete": true
         },
         {
          "aesthetic": "size",
          "range": [
           1.0,
           30.0
          ],
          "limits": [
           null,
           null
          ]
         }
        ],
        "layers": [
         {
          "mapping": {
           "x": "year",
           "y": "genre",
           "fill": "genre",
           "size": "count"
          },
          "stat": "identity",
          "shape": 21.0,
          "color": "#5470c6",
          "sampling": "none",
          "position": "identity",
          "geom": "point"
         }
        ]
       },
       "apply_color_scheme": true,
       "swing_enabled": true
      }
     },
     "execution_count": 18,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "execution_count": 18
  },
  {
   "cell_type": "code",
   "source": "genreRankTrends.save(\"exported_plot.png\")",
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:59:23.528800Z",
     "start_time": "2024-03-25T15:59:16.852382800Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "C:\\Users\\zaleslaw\\IdeaProjects\\KotlinDataFrame-SQL-Examples\\notebooks\\lets-plot-images\\ff.png"
      ]
     },
     "execution_count": 19,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "execution_count": 19
  },
  {
   "cell_type": "markdown",
   "source": [
    "**Extracting data from the ResultSet**"
   ],
   "metadata": {
    "collapsed": false
   }
  },
  {
   "cell_type": "code",
   "source": [
    "val props = Properties()\n",
    "props.setProperty(\"user\", USER_NAME)\n",
    "props.setProperty(\"password\", PASSWORD)\n",
    "\n",
    "val TARANTINO_FILMS_SQL_QUERY = \"\"\"\n",
    "    SELECT name, year, rank,\n",
    "    GROUP_CONCAT (genre) as \"genres\"\n",
    "    FROM movies JOIN movies_directors ON movie_id = movies.id\n",
    "    JOIN directors ON directors.id=director_id LEFT JOIN movies_genres ON movies.id = movies_genres.movie_id\n",
    "    WHERE directors.first_name = \"Quentin\" AND directors.last_name = \"Tarantino\"\n",
    "    GROUP BY name, year, rank\n",
    "    ORDER BY year\n",
    "    \"\"\"\n",
    "\n",
    "var dfTarantinoFilmsRs: DataFrame<*>\n",
    "\n",
    "DriverManager.getConnection(URL, props).use { connection ->\n",
    "        connection.createStatement().use { st ->\n",
    "            st.executeQuery(TARANTINO_FILMS_SQL_QUERY).use { rs ->\n",
    "               val dfTarantinoFilmsSchema = DataFrame.getSchemaForResultSet(rs, connection)\n",
    "               dfTarantinoFilmsSchema.print()\n",
    "\n",
    "               dfTarantinoFilmsRs = DataFrame.readResultSet(rs, connection)\n",
    "               dfTarantinoFilmsRs\n",
    "            } \n",
    "        } \n",
    "}"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:59:26.045756900Z",
     "start_time": "2024-03-25T15:59:23.532425100Z"
    }
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "name: String?\n",
      "year: Int?\n",
      "rank: Float?\n",
      "genres: String?\r\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "            <iframe onload=\"o_resize_iframe_out_7()\" style=\"width:100%;\" class=\"result_container\" id=\"iframe_out_7\" frameBorder=\"0\" srcdoc=\"        &lt;html&gt;\n",
       "        &lt;head&gt;\n",
       "            &lt;style type=&quot;text&sol;css&quot;&gt;\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover &gt; td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "&sol;* formatting *&sol;\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       ":root {\n",
       "    --scroll-bg: #f5f5f5;\n",
       "    --scroll-fg: #b3b3b3;\n",
       "}\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;]{\n",
       "    --scroll-bg: #3c3c3c;\n",
       "    --scroll-fg: #97e1fb;\n",
       "}\n",
       "body {\n",
       "    scrollbar-color: var(--scroll-fg) var(--scroll-bg);\n",
       "}\n",
       "body::-webkit-scrollbar {\n",
       "    width: 10px; &sol;* Mostly for vertical scrollbars *&sol;\n",
       "    height: 10px; &sol;* Mostly for horizontal scrollbars *&sol;\n",
       "}\n",
       "body::-webkit-scrollbar-thumb {\n",
       "    background-color: var(--scroll-fg);\n",
       "}\n",
       "body::-webkit-scrollbar-track {\n",
       "    background-color: var(--scroll-bg);\n",
       "}\n",
       "            &lt;&sol;style&gt;\n",
       "        &lt;&sol;head&gt;\n",
       "        &lt;body&gt;\n",
       "            &lt;table class=&quot;dataframe&quot; id=&quot;df_956301324&quot;&gt;&lt;&sol;table&gt;\n",
       "\n",
       "&lt;p class=&quot;dataframe_description&quot;&gt;DataFrame: rowsCount = 10, columnsCount = 4&lt;&sol;p&gt;\n",
       "\n",
       "        &lt;&sol;body&gt;\n",
       "        &lt;script&gt;\n",
       "            (function () {\n",
       "    window.DataFrame = window.DataFrame || new (function () {\n",
       "        this.addTable = function (df) {\n",
       "            let cols = df.cols;\n",
       "            for (let i = 0; i &lt; cols.length; i++) {\n",
       "                for (let c of cols[i].children) {\n",
       "                    cols[c].parent = i;\n",
       "                }\n",
       "            }\n",
       "            df.nrow = 0\n",
       "            for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                if (df.cols[i].values.length &gt; df.nrow) df.nrow = df.cols[i].values.length\n",
       "            }\n",
       "            if (df.id === df.rootId) {\n",
       "                df.expandedFrames = new Set()\n",
       "                df.childFrames = {}\n",
       "                const table = this.getTableElement(df.id)\n",
       "                table.df = df\n",
       "                for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                    let col = df.cols[i]\n",
       "                    if (col.parent === undefined &amp;&amp; col.children.length &gt; 0) col.expanded = true\n",
       "                }\n",
       "            } else {\n",
       "                const rootDf = this.getTableData(df.rootId)\n",
       "                rootDf.childFrames[df.id] = df\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.computeRenderData = function (df) {\n",
       "            let result = []\n",
       "            let pos = 0\n",
       "            for (let col = 0; col &lt; df.cols.length; col++) {\n",
       "                if (df.cols[col].parent === undefined)\n",
       "                    pos += this.computeRenderDataRec(df.cols, col, pos, 0, result, false, false)\n",
       "            }\n",
       "            for (let i = 0; i &lt; result.length; i++) {\n",
       "                let row = result[i]\n",
       "                for (let j = 0; j &lt; row.length; j++) {\n",
       "                    let cell = row[j]\n",
       "                    if (j === 0)\n",
       "                        cell.leftBd = false\n",
       "                    if (j &lt; row.length - 1) {\n",
       "                        let nextData = row[j + 1]\n",
       "                        if (nextData.leftBd) cell.rightBd = true\n",
       "                        else if (cell.rightBd) nextData.leftBd = true\n",
       "                    } else cell.rightBd = false\n",
       "                }\n",
       "            }\n",
       "            return result\n",
       "        }\n",
       "\n",
       "        this.computeRenderDataRec = function (cols, colId, pos, depth, result, leftBorder, rightBorder) {\n",
       "            if (result.length === depth) {\n",
       "                const array = [];\n",
       "                if (pos &gt; 0) {\n",
       "                    let j = 0\n",
       "                    for (let i = 0; j &lt; pos; i++) {\n",
       "                        let c = result[depth - 1][i]\n",
       "                        j += c.span\n",
       "                        let copy = Object.assign({empty: true}, c)\n",
       "                        array.push(copy)\n",
       "                    }\n",
       "                }\n",
       "                result.push(array)\n",
       "            }\n",
       "            const col = cols[colId];\n",
       "            let size = 0;\n",
       "            if (col.expanded) {\n",
       "                let childPos = pos\n",
       "                for (let i = 0; i &lt; col.children.length; i++) {\n",
       "                    let child = col.children[i]\n",
       "                    let childLeft = i === 0 &amp;&amp; (col.children.length &gt; 1 || leftBorder)\n",
       "                    let childRight = i === col.children.length - 1 &amp;&amp; (col.children.length &gt; 1 || rightBorder)\n",
       "                    let childSize = this.computeRenderDataRec(cols, child, childPos, depth + 1, result, childLeft, childRight)\n",
       "                    childPos += childSize\n",
       "                    size += childSize\n",
       "                }\n",
       "            } else {\n",
       "                for (let i = depth + 1; i &lt; result.length; i++)\n",
       "                    result[i].push({id: colId, span: 1, leftBd: leftBorder, rightBd: rightBorder, empty: true})\n",
       "                size = 1\n",
       "            }\n",
       "            let left = leftBorder\n",
       "            let right = rightBorder\n",
       "            if (size &gt; 1) {\n",
       "                left = true\n",
       "                right = true\n",
       "            }\n",
       "            result[depth].push({id: colId, span: size, leftBd: left, rightBd: right})\n",
       "            return size\n",
       "        }\n",
       "\n",
       "        this.getTableElement = function (id) {\n",
       "            return document.getElementById(&quot;df_&quot; + id)\n",
       "        }\n",
       "\n",
       "        this.getTableData = function (id) {\n",
       "            return this.getTableElement(id).df\n",
       "        }\n",
       "\n",
       "        this.createExpander = function (isExpanded) {\n",
       "            const svgNs = &quot;http:&sol;&sol;www.w3.org&sol;2000&sol;svg&quot;\n",
       "            let svg = document.createElementNS(svgNs, &quot;svg&quot;)\n",
       "            svg.classList.add(&quot;expanderSvg&quot;)\n",
       "            let path = document.createElementNS(svgNs, &quot;path&quot;)\n",
       "            if (isExpanded) {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;0 -2 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 4 4 4 -4 -1 -1 -3 3Z&quot;)\n",
       "            } else {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;-2 0 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 3 3 -3 3 1 1 4 -4Z&quot;)\n",
       "            }\n",
       "            path.setAttribute(&quot;fill&quot;, &quot;currentColor&quot;)\n",
       "            svg.appendChild(path)\n",
       "            return svg\n",
       "        }\n",
       "\n",
       "        this.renderTable = function (id) {\n",
       "\n",
       "            let table = this.getTableElement(id)\n",
       "\n",
       "            if (table === null) return\n",
       "\n",
       "            table.innerHTML = &quot;&quot;\n",
       "\n",
       "            let df = table.df\n",
       "            let rootDf = df.rootId === df.id ? df : this.getTableData(df.rootId)\n",
       "\n",
       "            &sol;&sol; header\n",
       "            let header = document.createElement(&quot;thead&quot;)\n",
       "            table.appendChild(header)\n",
       "\n",
       "            let renderData = this.computeRenderData(df)\n",
       "            for (let j = 0; j &lt; renderData.length; j++) {\n",
       "                let rowData = renderData[j]\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                let isLastRow = j === renderData.length - 1\n",
       "                header.appendChild(tr);\n",
       "                for (let i = 0; i &lt; rowData.length; i++) {\n",
       "                    let cell = rowData[i]\n",
       "                    let th = document.createElement(&quot;th&quot;);\n",
       "                    th.setAttribute(&quot;colspan&quot;, cell.span)\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId];\n",
       "                    if (!cell.empty) {\n",
       "                        if (col.children.length === 0) {\n",
       "                            th.innerHTML = col.name\n",
       "                        } else {\n",
       "                            let link = document.createElement(&quot;a&quot;)\n",
       "                            link.className = &quot;expander&quot;\n",
       "                            let that = this\n",
       "                            link.onclick = function () {\n",
       "                                col.expanded = !col.expanded\n",
       "                                that.renderTable(id)\n",
       "                            }\n",
       "                            link.appendChild(this.createExpander(col.expanded))\n",
       "                            link.innerHTML += col.name\n",
       "                            th.appendChild(link)\n",
       "                        }\n",
       "                    }\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (isLastRow)\n",
       "                        classes += &quot; bottomBorder&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        th.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(th)\n",
       "                }\n",
       "            }\n",
       "\n",
       "            &sol;&sol; body\n",
       "            let body = document.createElement(&quot;tbody&quot;)\n",
       "            table.appendChild(body)\n",
       "\n",
       "            let columns = renderData.pop()\n",
       "            for (let row = 0; row &lt; df.nrow; row++) {\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                body.appendChild(tr)\n",
       "                for (let i = 0; i &lt; columns.length; i++) {\n",
       "                    let cell = columns[i]\n",
       "                    let td = document.createElement(&quot;td&quot;);\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId]\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        td.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(td)\n",
       "                    let value = col.values[row]\n",
       "                    if (value.frameId !== undefined) {\n",
       "                        let frameId = value.frameId\n",
       "                        let expanded = rootDf.expandedFrames.has(frameId)\n",
       "                        let link = document.createElement(&quot;a&quot;)\n",
       "                        link.className = &quot;expander&quot;\n",
       "                        let that = this\n",
       "                        link.onclick = function () {\n",
       "                            if (rootDf.expandedFrames.has(frameId))\n",
       "                                rootDf.expandedFrames.delete(frameId)\n",
       "                            else rootDf.expandedFrames.add(frameId)\n",
       "                            that.renderTable(id)\n",
       "                        }\n",
       "                        link.appendChild(this.createExpander(expanded))\n",
       "                        link.innerHTML += value.value\n",
       "                        if (expanded) {\n",
       "                            td.appendChild(link)\n",
       "                            td.appendChild(document.createElement(&quot;p&quot;))\n",
       "                            const childTable = document.createElement(&quot;table&quot;)\n",
       "                            childTable.className = &quot;dataframe&quot;\n",
       "                            childTable.id = &quot;df_&quot; + frameId\n",
       "                            let childDf = rootDf.childFrames[frameId]\n",
       "                            childTable.df = childDf\n",
       "                            td.appendChild(childTable)\n",
       "                            this.renderTable(frameId)\n",
       "                            if (childDf.nrow !== childDf.totalRows) {\n",
       "                                const footer = document.createElement(&quot;p&quot;)\n",
       "                                footer.innerText = `... showing only top ${childDf.nrow} of ${childDf.totalRows} rows`\n",
       "                                td.appendChild(footer)\n",
       "                            }\n",
       "                        } else {\n",
       "                            td.appendChild(link)\n",
       "                        }\n",
       "                    } else if (value.style !== undefined) {\n",
       "                        td.innerHTML = value.value\n",
       "                        td.setAttribute(&quot;style&quot;, value.style)\n",
       "                    } else td.innerHTML = value\n",
       "                    this.nodeScriptReplace(td)\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.nodeScriptReplace = function (node) {\n",
       "            if (this.nodeScriptIs(node) === true) {\n",
       "                node.parentNode.replaceChild(this.nodeScriptClone(node), node);\n",
       "            } else {\n",
       "                let i = -1, children = node.childNodes;\n",
       "                while (++i &lt; children.length) {\n",
       "                    this.nodeScriptReplace(children[i]);\n",
       "                }\n",
       "            }\n",
       "\n",
       "            return node;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptClone = function (node) {\n",
       "            let script = document.createElement(&quot;script&quot;);\n",
       "            script.text = node.innerHTML;\n",
       "\n",
       "            let i = -1, attrs = node.attributes, attr;\n",
       "            while (++i &lt; attrs.length) {\n",
       "                script.setAttribute((attr = attrs[i]).name, attr.value);\n",
       "            }\n",
       "            return script;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptIs = function (node) {\n",
       "            return node.tagName === 'SCRIPT';\n",
       "        }\n",
       "    })()\n",
       "\n",
       "    window.call_DataFrame = function (f) {\n",
       "        return f();\n",
       "    };\n",
       "\n",
       "    let funQueue = window[&quot;kotlinQueues&quot;] &amp;&amp; window[&quot;kotlinQueues&quot;][&quot;DataFrame&quot;];\n",
       "    if (funQueue) {\n",
       "        funQueue.forEach(function (f) {\n",
       "            f();\n",
       "        });\n",
       "        funQueue = [];\n",
       "    }\n",
       "})()\n",
       "\n",
       "&sol;*&lt;!--*&sol;\n",
       "call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: &quot;&lt;span title=&bsol;&quot;name: String?&bsol;&quot;&gt;name&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;My Best Friend&amp;#39;s Birthday&quot;,&quot;Reservoir Dogs&quot;,&quot;&amp;#34;ER&amp;#34;&quot;,&quot;Pulp Fiction&quot;,&quot;Four Rooms&quot;,&quot;Jackie Brown&quot;,&quot;&amp;#34;Jimmy Kimmel Live&amp;#34;&quot;,&quot;Kill Bill: Vol. 1&quot;,&quot;Kill Bill: Vol. 2&quot;,&quot;Inglorious Bastards&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;year: Int?&bsol;&quot;&gt;year&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1987&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1992&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1994&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1994&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1995&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;1997&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;2003&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;2003&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;2004&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;2006&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;rank: Float?&bsol;&quot;&gt;rank&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;3,9&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;8,3&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;null&bsol;&quot;&gt;null&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;8,7&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;5,9&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;7,5&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;null&bsol;&quot;&gt;null&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;8,4&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;8,2&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;null&bsol;&quot;&gt;null&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;genres: String?&bsol;&quot;&gt;genres&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;Comedy,Drama&quot;,&quot;Crime,Mystery,Action,Thriller&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;null&bsol;&quot;&gt;null&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;Drama,Crime&quot;,&quot;Drama,Comedy&quot;,&quot;Crime,Drama,Thriller&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;null&bsol;&quot;&gt;null&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;Thriller,Action,Crime&quot;,&quot;Romance,Action,Thriller,Drama&quot;,&quot;Drama,War,Action&quot;] }, \n",
       "], id: 956301324, rootId: 956301324, totalRows: 10 } ) });\n",
       "&sol;*--&gt;*&sol;\n",
       "\n",
       "call_DataFrame(function() { DataFrame.renderTable(956301324) });\n",
       "\n",
       "\n",
       "        &lt;&sol;script&gt;\n",
       "        &lt;&sol;html&gt;\"></iframe>\n",
       "            <script>\n",
       "                function o_resize_iframe_out_7() {\n",
       "                    let elem = document.getElementById(\"iframe_out_7\");\n",
       "                    resize_iframe_out_7(elem);\n",
       "                    setInterval(resize_iframe_out_7, 5000, elem);\n",
       "                }\n",
       "                function resize_iframe_out_7(el) {\n",
       "                    let h = el.contentWindow.document.body.scrollHeight;\n",
       "                    el.height = h === 0 ? 0 : h + 41;\n",
       "                }\n",
       "            </script>        <html>\n",
       "        <head>\n",
       "            <style type=\"text/css\">\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "            </style>\n",
       "        </head>\n",
       "        <body>\n",
       "            <table class=\"dataframe\" id=\"static_df_956301325\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">name</th><th class=\"bottomBorder\" style=\"text-align:left\">year</th><th class=\"bottomBorder\" style=\"text-align:left\">rank</th><th class=\"bottomBorder\" style=\"text-align:left\">genres</th></tr></thead><tbody><tr><td  style=\"vertical-align:top\">My Best Friend&#39;s Birthday</td><td  style=\"vertical-align:top\">1987</td><td  style=\"vertical-align:top\">3,900000</td><td  style=\"vertical-align:top\">Comedy,Drama</td></tr><tr><td  style=\"vertical-align:top\">Reservoir Dogs</td><td  style=\"vertical-align:top\">1992</td><td  style=\"vertical-align:top\">8,300000</td><td  style=\"vertical-align:top\">Crime,Mystery,Action,Thriller</td></tr><tr><td  style=\"vertical-align:top\">&#34;ER&#34;</td><td  style=\"vertical-align:top\">1994</td><td  style=\"vertical-align:top\">null</td><td  style=\"vertical-align:top\">null</td></tr><tr><td  style=\"vertical-align:top\">Pulp Fiction</td><td  style=\"vertical-align:top\">1994</td><td  style=\"vertical-align:top\">8,700000</td><td  style=\"vertical-align:top\">Drama,Crime</td></tr><tr><td  style=\"vertical-align:top\">Four Rooms</td><td  style=\"vertical-align:top\">1995</td><td  style=\"vertical-align:top\">5,900000</td><td  style=\"vertical-align:top\">Drama,Comedy</td></tr><tr><td  style=\"vertical-align:top\">Jackie Brown</td><td  style=\"vertical-align:top\">1997</td><td  style=\"vertical-align:top\">7,500000</td><td  style=\"vertical-align:top\">Crime,Drama,Thriller</td></tr><tr><td  style=\"vertical-align:top\">&#34;Jimmy Kimmel Live&#34;</td><td  style=\"vertical-align:top\">2003</td><td  style=\"vertical-align:top\">null</td><td  style=\"vertical-align:top\">null</td></tr><tr><td  style=\"vertical-align:top\">Kill Bill: Vol. 1</td><td  style=\"vertical-align:top\">2003</td><td  style=\"vertical-align:top\">8,400000</td><td  style=\"vertical-align:top\">Thriller,Action,Crime</td></tr><tr><td  style=\"vertical-align:top\">Kill Bill: Vol. 2</td><td  style=\"vertical-align:top\">2004</td><td  style=\"vertical-align:top\">8,200000</td><td  style=\"vertical-align:top\">Romance,Action,Thriller,Drama</td></tr><tr><td  style=\"vertical-align:top\">Inglorious Bastards</td><td  style=\"vertical-align:top\">2006</td><td  style=\"vertical-align:top\">null</td><td  style=\"vertical-align:top\">Drama,War,Action</td></tr></tbody></table>\n",
       "        </body>\n",
       "        <script>\n",
       "            document.getElementById(\"static_df_956301325\").style.display = \"none\";\n",
       "        </script>\n",
       "        </html>"
      ],
      "application/kotlindataframe+json": "{\"$version\":\"2.0.0\",\"metadata\":{\"columns\":[\"name\",\"year\",\"rank\",\"genres\"],\"nrow\":10,\"ncol\":4},\"kotlin_dataframe\":[{\"name\":\"My Best Friend's Birthday\",\"year\":1987,\"rank\":3.9000000953674316,\"genres\":\"Comedy,Drama\"},{\"name\":\"Reservoir Dogs\",\"year\":1992,\"rank\":8.300000190734863,\"genres\":\"Crime,Mystery,Action,Thriller\"},{\"name\":\"\\\"ER\\\"\",\"year\":1994,\"rank\":null,\"genres\":null},{\"name\":\"Pulp Fiction\",\"year\":1994,\"rank\":8.699999809265137,\"genres\":\"Drama,Crime\"},{\"name\":\"Four Rooms\",\"year\":1995,\"rank\":5.900000095367432,\"genres\":\"Drama,Comedy\"},{\"name\":\"Jackie Brown\",\"year\":1997,\"rank\":7.5,\"genres\":\"Crime,Drama,Thriller\"},{\"name\":\"\\\"Jimmy Kimmel Live\\\"\",\"year\":2003,\"rank\":null,\"genres\":null},{\"name\":\"Kill Bill: Vol. 1\",\"year\":2003,\"rank\":8.399999618530273,\"genres\":\"Thriller,Action,Crime\"},{\"name\":\"Kill Bill: Vol. 2\",\"year\":2004,\"rank\":8.199999809265137,\"genres\":\"Romance,Action,Thriller,Drama\"},{\"name\":\"Inglorious Bastards\",\"year\":2006,\"rank\":null,\"genres\":\"Drama,War,Action\"}]}"
     },
     "execution_count": 20,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "execution_count": 20
  },
  {
   "cell_type": "code",
   "source": [
    "val df = dfTarantinoFilmsRs\n",
    "    .fillNA { year }\n",
    "    .with { 0 }\n",
    "    .convert { year }.toInt()\n"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:59:27.412102300Z",
     "start_time": "2024-03-25T15:59:26.056728100Z"
    }
   },
   "outputs": [],
   "execution_count": 21
  },
  {
   "cell_type": "code",
   "source": [
    "df.filter { year > 2000 }"
   ],
   "metadata": {
    "collapsed": false,
    "ExecuteTime": {
     "end_time": "2024-03-25T15:59:27.887089900Z",
     "start_time": "2024-03-25T15:59:27.426065300Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <iframe onload=\"o_resize_iframe_out_8()\" style=\"width:100%;\" class=\"result_container\" id=\"iframe_out_8\" frameBorder=\"0\" srcdoc=\"        &lt;html&gt;\n",
       "        &lt;head&gt;\n",
       "            &lt;style type=&quot;text&sol;css&quot;&gt;\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody &gt; tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover &gt; td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "&sol;* formatting *&sol;\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       ":root {\n",
       "    --scroll-bg: #f5f5f5;\n",
       "    --scroll-fg: #b3b3b3;\n",
       "}\n",
       ":root[theme=&quot;dark&quot;], :root [data-jp-theme-light=&quot;false&quot;]{\n",
       "    --scroll-bg: #3c3c3c;\n",
       "    --scroll-fg: #97e1fb;\n",
       "}\n",
       "body {\n",
       "    scrollbar-color: var(--scroll-fg) var(--scroll-bg);\n",
       "}\n",
       "body::-webkit-scrollbar {\n",
       "    width: 10px; &sol;* Mostly for vertical scrollbars *&sol;\n",
       "    height: 10px; &sol;* Mostly for horizontal scrollbars *&sol;\n",
       "}\n",
       "body::-webkit-scrollbar-thumb {\n",
       "    background-color: var(--scroll-fg);\n",
       "}\n",
       "body::-webkit-scrollbar-track {\n",
       "    background-color: var(--scroll-bg);\n",
       "}\n",
       "            &lt;&sol;style&gt;\n",
       "        &lt;&sol;head&gt;\n",
       "        &lt;body&gt;\n",
       "            &lt;table class=&quot;dataframe&quot; id=&quot;df_956301326&quot;&gt;&lt;&sol;table&gt;\n",
       "\n",
       "&lt;p class=&quot;dataframe_description&quot;&gt;DataFrame: rowsCount = 4, columnsCount = 4&lt;&sol;p&gt;\n",
       "\n",
       "        &lt;&sol;body&gt;\n",
       "        &lt;script&gt;\n",
       "            (function () {\n",
       "    window.DataFrame = window.DataFrame || new (function () {\n",
       "        this.addTable = function (df) {\n",
       "            let cols = df.cols;\n",
       "            for (let i = 0; i &lt; cols.length; i++) {\n",
       "                for (let c of cols[i].children) {\n",
       "                    cols[c].parent = i;\n",
       "                }\n",
       "            }\n",
       "            df.nrow = 0\n",
       "            for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                if (df.cols[i].values.length &gt; df.nrow) df.nrow = df.cols[i].values.length\n",
       "            }\n",
       "            if (df.id === df.rootId) {\n",
       "                df.expandedFrames = new Set()\n",
       "                df.childFrames = {}\n",
       "                const table = this.getTableElement(df.id)\n",
       "                table.df = df\n",
       "                for (let i = 0; i &lt; df.cols.length; i++) {\n",
       "                    let col = df.cols[i]\n",
       "                    if (col.parent === undefined &amp;&amp; col.children.length &gt; 0) col.expanded = true\n",
       "                }\n",
       "            } else {\n",
       "                const rootDf = this.getTableData(df.rootId)\n",
       "                rootDf.childFrames[df.id] = df\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.computeRenderData = function (df) {\n",
       "            let result = []\n",
       "            let pos = 0\n",
       "            for (let col = 0; col &lt; df.cols.length; col++) {\n",
       "                if (df.cols[col].parent === undefined)\n",
       "                    pos += this.computeRenderDataRec(df.cols, col, pos, 0, result, false, false)\n",
       "            }\n",
       "            for (let i = 0; i &lt; result.length; i++) {\n",
       "                let row = result[i]\n",
       "                for (let j = 0; j &lt; row.length; j++) {\n",
       "                    let cell = row[j]\n",
       "                    if (j === 0)\n",
       "                        cell.leftBd = false\n",
       "                    if (j &lt; row.length - 1) {\n",
       "                        let nextData = row[j + 1]\n",
       "                        if (nextData.leftBd) cell.rightBd = true\n",
       "                        else if (cell.rightBd) nextData.leftBd = true\n",
       "                    } else cell.rightBd = false\n",
       "                }\n",
       "            }\n",
       "            return result\n",
       "        }\n",
       "\n",
       "        this.computeRenderDataRec = function (cols, colId, pos, depth, result, leftBorder, rightBorder) {\n",
       "            if (result.length === depth) {\n",
       "                const array = [];\n",
       "                if (pos &gt; 0) {\n",
       "                    let j = 0\n",
       "                    for (let i = 0; j &lt; pos; i++) {\n",
       "                        let c = result[depth - 1][i]\n",
       "                        j += c.span\n",
       "                        let copy = Object.assign({empty: true}, c)\n",
       "                        array.push(copy)\n",
       "                    }\n",
       "                }\n",
       "                result.push(array)\n",
       "            }\n",
       "            const col = cols[colId];\n",
       "            let size = 0;\n",
       "            if (col.expanded) {\n",
       "                let childPos = pos\n",
       "                for (let i = 0; i &lt; col.children.length; i++) {\n",
       "                    let child = col.children[i]\n",
       "                    let childLeft = i === 0 &amp;&amp; (col.children.length &gt; 1 || leftBorder)\n",
       "                    let childRight = i === col.children.length - 1 &amp;&amp; (col.children.length &gt; 1 || rightBorder)\n",
       "                    let childSize = this.computeRenderDataRec(cols, child, childPos, depth + 1, result, childLeft, childRight)\n",
       "                    childPos += childSize\n",
       "                    size += childSize\n",
       "                }\n",
       "            } else {\n",
       "                for (let i = depth + 1; i &lt; result.length; i++)\n",
       "                    result[i].push({id: colId, span: 1, leftBd: leftBorder, rightBd: rightBorder, empty: true})\n",
       "                size = 1\n",
       "            }\n",
       "            let left = leftBorder\n",
       "            let right = rightBorder\n",
       "            if (size &gt; 1) {\n",
       "                left = true\n",
       "                right = true\n",
       "            }\n",
       "            result[depth].push({id: colId, span: size, leftBd: left, rightBd: right})\n",
       "            return size\n",
       "        }\n",
       "\n",
       "        this.getTableElement = function (id) {\n",
       "            return document.getElementById(&quot;df_&quot; + id)\n",
       "        }\n",
       "\n",
       "        this.getTableData = function (id) {\n",
       "            return this.getTableElement(id).df\n",
       "        }\n",
       "\n",
       "        this.createExpander = function (isExpanded) {\n",
       "            const svgNs = &quot;http:&sol;&sol;www.w3.org&sol;2000&sol;svg&quot;\n",
       "            let svg = document.createElementNS(svgNs, &quot;svg&quot;)\n",
       "            svg.classList.add(&quot;expanderSvg&quot;)\n",
       "            let path = document.createElementNS(svgNs, &quot;path&quot;)\n",
       "            if (isExpanded) {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;0 -2 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 4 4 4 -4 -1 -1 -3 3Z&quot;)\n",
       "            } else {\n",
       "                svg.setAttribute(&quot;viewBox&quot;, &quot;-2 0 8 8&quot;)\n",
       "                path.setAttribute(&quot;d&quot;, &quot;M1 0 l-1 1 3 3 -3 3 1 1 4 -4Z&quot;)\n",
       "            }\n",
       "            path.setAttribute(&quot;fill&quot;, &quot;currentColor&quot;)\n",
       "            svg.appendChild(path)\n",
       "            return svg\n",
       "        }\n",
       "\n",
       "        this.renderTable = function (id) {\n",
       "\n",
       "            let table = this.getTableElement(id)\n",
       "\n",
       "            if (table === null) return\n",
       "\n",
       "            table.innerHTML = &quot;&quot;\n",
       "\n",
       "            let df = table.df\n",
       "            let rootDf = df.rootId === df.id ? df : this.getTableData(df.rootId)\n",
       "\n",
       "            &sol;&sol; header\n",
       "            let header = document.createElement(&quot;thead&quot;)\n",
       "            table.appendChild(header)\n",
       "\n",
       "            let renderData = this.computeRenderData(df)\n",
       "            for (let j = 0; j &lt; renderData.length; j++) {\n",
       "                let rowData = renderData[j]\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                let isLastRow = j === renderData.length - 1\n",
       "                header.appendChild(tr);\n",
       "                for (let i = 0; i &lt; rowData.length; i++) {\n",
       "                    let cell = rowData[i]\n",
       "                    let th = document.createElement(&quot;th&quot;);\n",
       "                    th.setAttribute(&quot;colspan&quot;, cell.span)\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId];\n",
       "                    if (!cell.empty) {\n",
       "                        if (col.children.length === 0) {\n",
       "                            th.innerHTML = col.name\n",
       "                        } else {\n",
       "                            let link = document.createElement(&quot;a&quot;)\n",
       "                            link.className = &quot;expander&quot;\n",
       "                            let that = this\n",
       "                            link.onclick = function () {\n",
       "                                col.expanded = !col.expanded\n",
       "                                that.renderTable(id)\n",
       "                            }\n",
       "                            link.appendChild(this.createExpander(col.expanded))\n",
       "                            link.innerHTML += col.name\n",
       "                            th.appendChild(link)\n",
       "                        }\n",
       "                    }\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (isLastRow)\n",
       "                        classes += &quot; bottomBorder&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        th.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(th)\n",
       "                }\n",
       "            }\n",
       "\n",
       "            &sol;&sol; body\n",
       "            let body = document.createElement(&quot;tbody&quot;)\n",
       "            table.appendChild(body)\n",
       "\n",
       "            let columns = renderData.pop()\n",
       "            for (let row = 0; row &lt; df.nrow; row++) {\n",
       "                let tr = document.createElement(&quot;tr&quot;);\n",
       "                body.appendChild(tr)\n",
       "                for (let i = 0; i &lt; columns.length; i++) {\n",
       "                    let cell = columns[i]\n",
       "                    let td = document.createElement(&quot;td&quot;);\n",
       "                    let colId = cell.id\n",
       "                    let col = df.cols[colId]\n",
       "                    let classes = (cell.leftBd ? &quot; leftBorder&quot; : &quot;&quot;) + (cell.rightBd ? &quot; rightBorder&quot; : &quot;&quot;)\n",
       "                    if (col.rightAlign)\n",
       "                        classes += &quot; rightAlign&quot;\n",
       "                    if (classes.length &gt; 0)\n",
       "                        td.setAttribute(&quot;class&quot;, classes)\n",
       "                    tr.appendChild(td)\n",
       "                    let value = col.values[row]\n",
       "                    if (value.frameId !== undefined) {\n",
       "                        let frameId = value.frameId\n",
       "                        let expanded = rootDf.expandedFrames.has(frameId)\n",
       "                        let link = document.createElement(&quot;a&quot;)\n",
       "                        link.className = &quot;expander&quot;\n",
       "                        let that = this\n",
       "                        link.onclick = function () {\n",
       "                            if (rootDf.expandedFrames.has(frameId))\n",
       "                                rootDf.expandedFrames.delete(frameId)\n",
       "                            else rootDf.expandedFrames.add(frameId)\n",
       "                            that.renderTable(id)\n",
       "                        }\n",
       "                        link.appendChild(this.createExpander(expanded))\n",
       "                        link.innerHTML += value.value\n",
       "                        if (expanded) {\n",
       "                            td.appendChild(link)\n",
       "                            td.appendChild(document.createElement(&quot;p&quot;))\n",
       "                            const childTable = document.createElement(&quot;table&quot;)\n",
       "                            childTable.className = &quot;dataframe&quot;\n",
       "                            childTable.id = &quot;df_&quot; + frameId\n",
       "                            let childDf = rootDf.childFrames[frameId]\n",
       "                            childTable.df = childDf\n",
       "                            td.appendChild(childTable)\n",
       "                            this.renderTable(frameId)\n",
       "                            if (childDf.nrow !== childDf.totalRows) {\n",
       "                                const footer = document.createElement(&quot;p&quot;)\n",
       "                                footer.innerText = `... showing only top ${childDf.nrow} of ${childDf.totalRows} rows`\n",
       "                                td.appendChild(footer)\n",
       "                            }\n",
       "                        } else {\n",
       "                            td.appendChild(link)\n",
       "                        }\n",
       "                    } else if (value.style !== undefined) {\n",
       "                        td.innerHTML = value.value\n",
       "                        td.setAttribute(&quot;style&quot;, value.style)\n",
       "                    } else td.innerHTML = value\n",
       "                    this.nodeScriptReplace(td)\n",
       "                }\n",
       "            }\n",
       "        }\n",
       "\n",
       "        this.nodeScriptReplace = function (node) {\n",
       "            if (this.nodeScriptIs(node) === true) {\n",
       "                node.parentNode.replaceChild(this.nodeScriptClone(node), node);\n",
       "            } else {\n",
       "                let i = -1, children = node.childNodes;\n",
       "                while (++i &lt; children.length) {\n",
       "                    this.nodeScriptReplace(children[i]);\n",
       "                }\n",
       "            }\n",
       "\n",
       "            return node;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptClone = function (node) {\n",
       "            let script = document.createElement(&quot;script&quot;);\n",
       "            script.text = node.innerHTML;\n",
       "\n",
       "            let i = -1, attrs = node.attributes, attr;\n",
       "            while (++i &lt; attrs.length) {\n",
       "                script.setAttribute((attr = attrs[i]).name, attr.value);\n",
       "            }\n",
       "            return script;\n",
       "        }\n",
       "\n",
       "        this.nodeScriptIs = function (node) {\n",
       "            return node.tagName === 'SCRIPT';\n",
       "        }\n",
       "    })()\n",
       "\n",
       "    window.call_DataFrame = function (f) {\n",
       "        return f();\n",
       "    };\n",
       "\n",
       "    let funQueue = window[&quot;kotlinQueues&quot;] &amp;&amp; window[&quot;kotlinQueues&quot;][&quot;DataFrame&quot;];\n",
       "    if (funQueue) {\n",
       "        funQueue.forEach(function (f) {\n",
       "            f();\n",
       "        });\n",
       "        funQueue = [];\n",
       "    }\n",
       "})()\n",
       "\n",
       "&sol;*&lt;!--*&sol;\n",
       "call_DataFrame(function() { DataFrame.addTable({ cols: [{ name: &quot;&lt;span title=&bsol;&quot;name: String&bsol;&quot;&gt;name&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;&amp;#34;Jimmy Kimmel Live&amp;#34;&quot;,&quot;Kill Bill: Vol. 1&quot;,&quot;Kill Bill: Vol. 2&quot;,&quot;Inglorious Bastards&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;year: Int&bsol;&quot;&gt;year&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;2003&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;2003&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;2004&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;2006&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;rank: Float?&bsol;&quot;&gt;rank&lt;&sol;span&gt;&quot;, children: [], rightAlign: true, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;null&bsol;&quot;&gt;null&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;8,4&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;numbers&bsol;&quot;&gt;8,2&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;null&bsol;&quot;&gt;null&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;] }, \n",
       "{ name: &quot;&lt;span title=&bsol;&quot;genres: String?&bsol;&quot;&gt;genres&lt;&sol;span&gt;&quot;, children: [], rightAlign: false, values: [&quot;&lt;span class=&bsol;&quot;formatted&bsol;&quot; title=&bsol;&quot;&bsol;&quot;&gt;&lt;span class=&bsol;&quot;null&bsol;&quot;&gt;null&lt;&sol;span&gt;&lt;&sol;span&gt;&quot;,&quot;Thriller,Action,Crime&quot;,&quot;Romance,Action,Thriller,Drama&quot;,&quot;Drama,War,Action&quot;] }, \n",
       "], id: 956301326, rootId: 956301326, totalRows: 4 } ) });\n",
       "&sol;*--&gt;*&sol;\n",
       "\n",
       "call_DataFrame(function() { DataFrame.renderTable(956301326) });\n",
       "\n",
       "\n",
       "        &lt;&sol;script&gt;\n",
       "        &lt;&sol;html&gt;\"></iframe>\n",
       "            <script>\n",
       "                function o_resize_iframe_out_8() {\n",
       "                    let elem = document.getElementById(\"iframe_out_8\");\n",
       "                    resize_iframe_out_8(elem);\n",
       "                    setInterval(resize_iframe_out_8, 5000, elem);\n",
       "                }\n",
       "                function resize_iframe_out_8(el) {\n",
       "                    let h = el.contentWindow.document.body.scrollHeight;\n",
       "                    el.height = h === 0 ? 0 : h + 41;\n",
       "                }\n",
       "            </script>        <html>\n",
       "        <head>\n",
       "            <style type=\"text/css\">\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "            </style>\n",
       "        </head>\n",
       "        <body>\n",
       "            <table class=\"dataframe\" id=\"static_df_956301327\"><thead><tr><th class=\"bottomBorder\" style=\"text-align:left\">name</th><th class=\"bottomBorder\" style=\"text-align:left\">year</th><th class=\"bottomBorder\" style=\"text-align:left\">rank</th><th class=\"bottomBorder\" style=\"text-align:left\">genres</th></tr></thead><tbody><tr><td  style=\"vertical-align:top\">&#34;Jimmy Kimmel Live&#34;</td><td  style=\"vertical-align:top\">2003</td><td  style=\"vertical-align:top\">null</td><td  style=\"vertical-align:top\">null</td></tr><tr><td  style=\"vertical-align:top\">Kill Bill: Vol. 1</td><td  style=\"vertical-align:top\">2003</td><td  style=\"vertical-align:top\">8,400000</td><td  style=\"vertical-align:top\">Thriller,Action,Crime</td></tr><tr><td  style=\"vertical-align:top\">Kill Bill: Vol. 2</td><td  style=\"vertical-align:top\">2004</td><td  style=\"vertical-align:top\">8,200000</td><td  style=\"vertical-align:top\">Romance,Action,Thriller,Drama</td></tr><tr><td  style=\"vertical-align:top\">Inglorious Bastards</td><td  style=\"vertical-align:top\">2006</td><td  style=\"vertical-align:top\">null</td><td  style=\"vertical-align:top\">Drama,War,Action</td></tr></tbody></table>\n",
       "        </body>\n",
       "        <script>\n",
       "            document.getElementById(\"static_df_956301327\").style.display = \"none\";\n",
       "        </script>\n",
       "        </html>"
      ],
      "application/kotlindataframe+json": "{\"$version\":\"2.0.0\",\"metadata\":{\"columns\":[\"name\",\"year\",\"rank\",\"genres\"],\"nrow\":4,\"ncol\":4},\"kotlin_dataframe\":[{\"name\":\"\\\"Jimmy Kimmel Live\\\"\",\"year\":2003,\"rank\":null,\"genres\":null},{\"name\":\"Kill Bill: Vol. 1\",\"year\":2003,\"rank\":8.399999618530273,\"genres\":\"Thriller,Action,Crime\"},{\"name\":\"Kill Bill: Vol. 2\",\"year\":2004,\"rank\":8.199999809265137,\"genres\":\"Romance,Action,Thriller,Drama\"},{\"name\":\"Inglorious Bastards\",\"year\":2006,\"rank\":null,\"genres\":\"Drama,War,Action\"}]}"
     },
     "execution_count": 22,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "execution_count": 22
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Kotlin",
   "language": "kotlin",
   "name": "kotlin"
  },
  "language_info": {
   "name": "kotlin",
   "version": "1.8.20",
   "mimetype": "text/x-kotlin",
   "file_extension": ".kt",
   "pygments_lexer": "kotlin",
   "codemirror_mode": "text/x-kotlin",
   "nbconvert_exporter": ""
  },
  "ktnbPluginMetadata": {
   "projectDependencies": true
  }
 },
 "nbformat": 4,
 "nbformat_minor": 0
}