SofiaFasullo/quizzo_python_project
0
1{2 "cells": [3 {4 "cell_type": "code",5 "execution_count": 1,6 "id": "e4d55cef-c07f-4db4-9e25-14aac14fb012",7 "metadata": {8 "tags": []9 },10 "outputs": [11 {12 "data": {13 "application/javascript": [14 "(function(root) {\n",15 " function now() {\n",16 " return new Date();\n",17 " }\n",18 "\n",19 " var force = true;\n",20 " var py_version = '3.2.1'.replace('rc', '-rc.').replace('.dev', '-dev.');\n",21 " var is_dev = py_version.indexOf(\"+\") !== -1 || py_version.indexOf(\"-\") !== -1;\n",22 " var reloading = false;\n",23 " var Bokeh = root.Bokeh;\n",24 " var bokeh_loaded = Bokeh != null && (Bokeh.version === py_version || (Bokeh.versions !== undefined && Bokeh.versions.has(py_version)));\n",25 "\n",26 " if (typeof (root._bokeh_timeout) === \"undefined\" || force) {\n",27 " root._bokeh_timeout = Date.now() + 5000;\n",28 " root._bokeh_failed_load = false;\n",29 " }\n",30 "\n",31 " function run_callbacks() {\n",32 " try {\n",33 " root._bokeh_onload_callbacks.forEach(function(callback) {\n",34 " if (callback != null)\n",35 " callback();\n",36 " });\n",37 " } finally {\n",38 " delete root._bokeh_onload_callbacks;\n",39 " }\n",40 " console.debug(\"Bokeh: all callbacks have finished\");\n",41 " }\n",42 "\n",43 " function load_libs(css_urls, js_urls, js_modules, js_exports, callback) {\n",44 " if (css_urls == null) css_urls = [];\n",45 " if (js_urls == null) js_urls = [];\n",46 " if (js_modules == null) js_modules = [];\n",47 " if (js_exports == null) js_exports = {};\n",48 "\n",49 " root._bokeh_onload_callbacks.push(callback);\n",50 "\n",51 " if (root._bokeh_is_loading > 0) {\n",52 " console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n",53 " return null;\n",54 " }\n",55 " if (js_urls.length === 0 && js_modules.length === 0 && Object.keys(js_exports).length === 0) {\n",56 " run_callbacks();\n",57 " return null;\n",58 " }\n",59 " if (!reloading) {\n",60 " console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n",61 " }\n",62 "\n",63 " function on_load() {\n",64 " root._bokeh_is_loading--;\n",65 " if (root._bokeh_is_loading === 0) {\n",66 " console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n",67 " run_callbacks()\n",68 " }\n",69 " }\n",70 " window._bokeh_on_load = on_load\n",71 "\n",72 " function on_error() {\n",73 " console.error(\"failed to load \" + url);\n",74 " }\n",75 "\n",76 " var skip = [];\n",77 " if (window.requirejs) {\n",78 " window.requirejs.config({'packages': {}, 'paths': {'jspanel': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/jspanel', 'jspanel-modal': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal', 'jspanel-tooltip': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip', 'jspanel-hint': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint', 'jspanel-layout': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout', 'jspanel-contextmenu': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu', 'jspanel-dock': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@7.2.3/dist/gridstack-all', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'jspanel': {'exports': 'jsPanel'}, 'gridstack': {'exports': 'GridStack'}}});\n",79 " require([\"jspanel\"], function(jsPanel) {\n",80 "\twindow.jsPanel = jsPanel\n",81 "\ton_load()\n",82 " })\n",83 " require([\"jspanel-modal\"], function() {\n",84 "\ton_load()\n",85 " })\n",86 " require([\"jspanel-tooltip\"], function() {\n",87 "\ton_load()\n",88 " })\n",89 " require([\"jspanel-hint\"], function() {\n",90 "\ton_load()\n",91 " })\n",92 " require([\"jspanel-layout\"], function() {\n",93 "\ton_load()\n",94 " })\n",95 " require([\"jspanel-contextmenu\"], function() {\n",96 "\ton_load()\n",97 " })\n",98 " require([\"jspanel-dock\"], function() {\n",99 "\ton_load()\n",100 " })\n",101 " require([\"gridstack\"], function(GridStack) {\n",102 "\twindow.GridStack = GridStack\n",103 "\ton_load()\n",104 " })\n",105 " require([\"notyf\"], function() {\n",106 "\ton_load()\n",107 " })\n",108 " root._bokeh_is_loading = css_urls.length + 9;\n",109 " } else {\n",110 " root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length + Object.keys(js_exports).length;\n",111 " }\n",112 "\n",113 " var existing_stylesheets = []\n",114 " var links = document.getElementsByTagName('link')\n",115 " for (var i = 0; i < links.length; i++) {\n",116 " var link = links[i]\n",117 " if (link.href != null) {\n",118 "\texisting_stylesheets.push(link.href)\n",119 " }\n",120 " }\n",121 " for (var i = 0; i < css_urls.length; i++) {\n",122 " var url = css_urls[i];\n",123 " if (existing_stylesheets.indexOf(url) !== -1) {\n",124 "\ton_load()\n",125 "\tcontinue;\n",126 " }\n",127 " const element = document.createElement(\"link\");\n",128 " element.onload = on_load;\n",129 " element.onerror = on_error;\n",130 " element.rel = \"stylesheet\";\n",131 " element.type = \"text/css\";\n",132 " element.href = url;\n",133 " console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n",134 " document.body.appendChild(element);\n",135 " } if (((window['jsPanel'] !== undefined) && (!(window['jsPanel'] instanceof HTMLElement))) || window.requirejs) {\n",136 " var urls = ['https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.js', 'https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal.js', 'https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip.js', 'https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint.js', 'https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout.js', 'https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu.js', 'https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock.js'];\n",137 " for (var i = 0; i < urls.length; i++) {\n",138 " skip.push(urls[i])\n",139 " }\n",140 " } if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n",141 " var urls = ['https://cdn.holoviz.org/panel/1.2.1/dist/bundled/gridstack/gridstack@7.2.3/dist/gridstack-all.js'];\n",142 " for (var i = 0; i < urls.length; i++) {\n",143 " skip.push(urls[i])\n",144 " }\n",145 " } if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n",146 " var urls = ['https://cdn.holoviz.org/panel/1.2.1/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n",147 " for (var i = 0; i < urls.length; i++) {\n",148 " skip.push(urls[i])\n",149 " }\n",150 " } var existing_scripts = []\n",151 " var scripts = document.getElementsByTagName('script')\n",152 " for (var i = 0; i < scripts.length; i++) {\n",153 " var script = scripts[i]\n",154 " if (script.src != null) {\n",155 "\texisting_scripts.push(script.src)\n",156 " }\n",157 " }\n",158 " for (var i = 0; i < js_urls.length; i++) {\n",159 " var url = js_urls[i];\n",160 " if (skip.indexOf(url) !== -1 || existing_scripts.indexOf(url) !== -1) {\n",161 "\tif (!window.requirejs) {\n",162 "\t on_load();\n",163 "\t}\n",164 "\tcontinue;\n",165 " }\n",166 " var element = document.createElement('script');\n",167 " element.onload = on_load;\n",168 " element.onerror = on_error;\n",169 " element.async = false;\n",170 " element.src = url;\n",171 " console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",172 " document.head.appendChild(element);\n",173 " }\n",174 " for (var i = 0; i < js_modules.length; i++) {\n",175 " var url = js_modules[i];\n",176 " if (skip.indexOf(url) !== -1 || existing_scripts.indexOf(url) !== -1) {\n",177 "\tif (!window.requirejs) {\n",178 "\t on_load();\n",179 "\t}\n",180 "\tcontinue;\n",181 " }\n",182 " var element = document.createElement('script');\n",183 " element.onload = on_load;\n",184 " element.onerror = on_error;\n",185 " element.async = false;\n",186 " element.src = url;\n",187 " element.type = \"module\";\n",188 " console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",189 " document.head.appendChild(element);\n",190 " }\n",191 " for (const name in js_exports) {\n",192 " var url = js_exports[name];\n",193 " if (skip.indexOf(url) >= 0 || root[name] != null) {\n",194 "\tif (!window.requirejs) {\n",195 "\t on_load();\n",196 "\t}\n",197 "\tcontinue;\n",198 " }\n",199 " var element = document.createElement('script');\n",200 " element.onerror = on_error;\n",201 " element.async = false;\n",202 " element.type = \"module\";\n",203 " console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",204 " element.textContent = `\n",205 " import ${name} from \"${url}\"\n",206 " window.${name} = ${name}\n",207 " window._bokeh_on_load()\n",208 " `\n",209 " document.head.appendChild(element);\n",210 " }\n",211 " if (!js_urls.length && !js_modules.length) {\n",212 " on_load()\n",213 " }\n",214 " };\n",215 "\n",216 " function inject_raw_css(css) {\n",217 " const element = document.createElement(\"style\");\n",218 " element.appendChild(document.createTextNode(css));\n",219 " document.body.appendChild(element);\n",220 " }\n",221 "\n",222 " var js_urls = [\"https://cdn.bokeh.org/bokeh/release/bokeh-3.2.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-3.2.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.2.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-3.2.1.min.js\", \"https://cdn.holoviz.org/panel/1.2.1/dist/panel.min.js\"];\n",223 " var js_modules = [];\n",224 " var js_exports = {};\n",225 " var css_urls = [];\n",226 " var inline_js = [ function(Bokeh) {\n",227 " Bokeh.set_log_level(\"info\");\n",228 " },\n",229 "function(Bokeh) {} // ensure no trailing comma for IE\n",230 " ];\n",231 "\n",232 " function run_inline_js() {\n",233 " if ((root.Bokeh !== undefined) || (force === true)) {\n",234 " for (var i = 0; i < inline_js.length; i++) {\n",235 " inline_js[i].call(root, root.Bokeh);\n",236 " }\n",237 " // Cache old bokeh versions\n",238 " if (Bokeh != undefined && !reloading) {\n",239 "\tvar NewBokeh = root.Bokeh;\n",240 "\tif (Bokeh.versions === undefined) {\n",241 "\t Bokeh.versions = new Map();\n",242 "\t}\n",243 "\tif (NewBokeh.version !== Bokeh.version) {\n",244 "\t Bokeh.versions.set(NewBokeh.version, NewBokeh)\n",245 "\t}\n",246 "\troot.Bokeh = Bokeh;\n",247 " }} else if (Date.now() < root._bokeh_timeout) {\n",248 " setTimeout(run_inline_js, 100);\n",249 " } else if (!root._bokeh_failed_load) {\n",250 " console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n",251 " root._bokeh_failed_load = true;\n",252 " }\n",253 " root._bokeh_is_initializing = false\n",254 " }\n",255 "\n",256 " function load_or_wait() {\n",257 " // Implement a backoff loop that tries to ensure we do not load multiple\n",258 " // versions of Bokeh and its dependencies at the same time.\n",259 " // In recent versions we use the root._bokeh_is_initializing flag\n",260 " // to determine whether there is an ongoing attempt to initialize\n",261 " // bokeh, however for backward compatibility we also try to ensure\n",262 " // that we do not start loading a newer (Panel>=1.0 and Bokeh>3) version\n",263 " // before older versions are fully initialized.\n",264 " if (root._bokeh_is_initializing && Date.now() > root._bokeh_timeout) {\n",265 " root._bokeh_is_initializing = false;\n",266 " root._bokeh_onload_callbacks = undefined;\n",267 " console.log(\"Bokeh: BokehJS was loaded multiple times but one version failed to initialize.\");\n",268 " load_or_wait();\n",269 " } else if (root._bokeh_is_initializing || (typeof root._bokeh_is_initializing === \"undefined\" && root._bokeh_onload_callbacks !== undefined)) {\n",270 " setTimeout(load_or_wait, 100);\n",271 " } else {\n",272 " Bokeh = root.Bokeh;\n",273 " bokeh_loaded = Bokeh != null && (Bokeh.version === py_version || (Bokeh.versions !== undefined && Bokeh.versions.has(py_version)));\n",274 " root._bokeh_is_initializing = true\n",275 " root._bokeh_onload_callbacks = []\n",276 " if (!reloading && (!bokeh_loaded || is_dev)) {\n",277 "\troot.Bokeh = undefined;\n",278 " }\n",279 " load_libs(css_urls, js_urls, js_modules, js_exports, function() {\n",280 "\tconsole.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n",281 "\trun_inline_js();\n",282 " });\n",283 " }\n",284 " }\n",285 " // Give older versions of the autoload script a head-start to ensure\n",286 " // they initialize before we start loading newer version.\n",287 " setTimeout(load_or_wait, 100)\n",288 "}(window));"289 ],290 "application/vnd.holoviews_load.v0+json": "(function(root) {\n function now() {\n return new Date();\n }\n\n var force = true;\n var py_version = '3.2.1'.replace('rc', '-rc.').replace('.dev', '-dev.');\n var is_dev = py_version.indexOf(\"+\") !== -1 || py_version.indexOf(\"-\") !== -1;\n var reloading = false;\n var Bokeh = root.Bokeh;\n var bokeh_loaded = Bokeh != null && (Bokeh.version === py_version || (Bokeh.versions !== undefined && Bokeh.versions.has(py_version)));\n\n if (typeof (root._bokeh_timeout) === \"undefined\" || force) {\n root._bokeh_timeout = Date.now() + 5000;\n root._bokeh_failed_load = false;\n }\n\n function run_callbacks() {\n try {\n root._bokeh_onload_callbacks.forEach(function(callback) {\n if (callback != null)\n callback();\n });\n } finally {\n delete root._bokeh_onload_callbacks;\n }\n console.debug(\"Bokeh: all callbacks have finished\");\n }\n\n function load_libs(css_urls, js_urls, js_modules, js_exports, callback) {\n if (css_urls == null) css_urls = [];\n if (js_urls == null) js_urls = [];\n if (js_modules == null) js_modules = [];\n if (js_exports == null) js_exports = {};\n\n root._bokeh_onload_callbacks.push(callback);\n\n if (root._bokeh_is_loading > 0) {\n console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n return null;\n }\n if (js_urls.length === 0 && js_modules.length === 0 && Object.keys(js_exports).length === 0) {\n run_callbacks();\n return null;\n }\n if (!reloading) {\n console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n }\n\n function on_load() {\n root._bokeh_is_loading--;\n if (root._bokeh_is_loading === 0) {\n console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n run_callbacks()\n }\n }\n window._bokeh_on_load = on_load\n\n function on_error() {\n console.error(\"failed to load \" + url);\n }\n\n var skip = [];\n if (window.requirejs) {\n window.requirejs.config({'packages': {}, 'paths': {'jspanel': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/jspanel', 'jspanel-modal': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal', 'jspanel-tooltip': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip', 'jspanel-hint': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint', 'jspanel-layout': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout', 'jspanel-contextmenu': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu', 'jspanel-dock': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@7.2.3/dist/gridstack-all', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'jspanel': {'exports': 'jsPanel'}, 'gridstack': {'exports': 'GridStack'}}});\n require([\"jspanel\"], function(jsPanel) {\n\twindow.jsPanel = jsPanel\n\ton_load()\n })\n require([\"jspanel-modal\"], function() {\n\ton_load()\n })\n require([\"jspanel-tooltip\"], function() {\n\ton_load()\n })\n require([\"jspanel-hint\"], function() {\n\ton_load()\n })\n require([\"jspanel-layout\"], function() {\n\ton_load()\n })\n require([\"jspanel-contextmenu\"], function() {\n\ton_load()\n })\n require([\"jspanel-dock\"], function() {\n\ton_load()\n })\n require([\"gridstack\"], function(GridStack) {\n\twindow.GridStack = GridStack\n\ton_load()\n })\n require([\"notyf\"], function() {\n\ton_load()\n })\n root._bokeh_is_loading = css_urls.length + 9;\n } else {\n root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length + Object.keys(js_exports).length;\n }\n\n var existing_stylesheets = []\n var links = document.getElementsByTagName('link')\n for (var i = 0; i < links.length; i++) {\n var link = links[i]\n if (link.href != null) {\n\texisting_stylesheets.push(link.href)\n }\n }\n for (var i = 0; i < css_urls.length; i++) {\n var url = css_urls[i];\n if (existing_stylesheets.indexOf(url) !== -1) {\n\ton_load()\n\tcontinue;\n }\n const element = document.createElement(\"link\");\n element.onload = on_load;\n element.onerror = on_error;\n element.rel = \"stylesheet\";\n element.type = \"text/css\";\n element.href = url;\n console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n document.body.appendChild(element);\n } if (((window['jsPanel'] !== undefined) && (!(window['jsPanel'] instanceof HTMLElement))) || window.requirejs) {\n var urls = ['https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.js', 'https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal.js', 'https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip.js', 'https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint.js', 'https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout.js', 'https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu.js', 'https://cdn.holoviz.org/panel/1.2.1/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock.js'];\n for (var i = 0; i < urls.length; i++) {\n skip.push(urls[i])\n }\n } if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n var urls = ['https://cdn.holoviz.org/panel/1.2.1/dist/bundled/gridstack/gridstack@7.2.3/dist/gridstack-all.js'];\n for (var i = 0; i < urls.length; i++) {\n skip.push(urls[i])\n }\n } if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n var urls = ['https://cdn.holoviz.org/panel/1.2.1/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n for (var i = 0; i < urls.length; i++) {\n skip.push(urls[i])\n }\n } var existing_scripts = []\n var scripts = document.getElementsByTagName('script')\n for (var i = 0; i < scripts.length; i++) {\n var script = scripts[i]\n if (script.src != null) {\n\texisting_scripts.push(script.src)\n }\n }\n for (var i = 0; i < js_urls.length; i++) {\n var url = js_urls[i];\n if (skip.indexOf(url) !== -1 || existing_scripts.indexOf(url) !== -1) {\n\tif (!window.requirejs) {\n\t on_load();\n\t}\n\tcontinue;\n }\n var element = document.createElement('script');\n element.onload = on_load;\n element.onerror = on_error;\n element.async = false;\n element.src = url;\n console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n document.head.appendChild(element);\n }\n for (var i = 0; i < js_modules.length; i++) {\n var url = js_modules[i];\n if (skip.indexOf(url) !== -1 || existing_scripts.indexOf(url) !== -1) {\n\tif (!window.requirejs) {\n\t on_load();\n\t}\n\tcontinue;\n }\n var element = document.createElement('script');\n element.onload = on_load;\n element.onerror = on_error;\n element.async = false;\n element.src = url;\n element.type = \"module\";\n console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n document.head.appendChild(element);\n }\n for (const name in js_exports) {\n var url = js_exports[name];\n if (skip.indexOf(url) >= 0 || root[name] != null) {\n\tif (!window.requirejs) {\n\t on_load();\n\t}\n\tcontinue;\n }\n var element = document.createElement('script');\n element.onerror = on_error;\n element.async = false;\n element.type = \"module\";\n console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n element.textContent = `\n import ${name} from \"${url}\"\n window.${name} = ${name}\n window._bokeh_on_load()\n `\n document.head.appendChild(element);\n }\n if (!js_urls.length && !js_modules.length) {\n on_load()\n }\n };\n\n function inject_raw_css(css) {\n const element = document.createElement(\"style\");\n element.appendChild(document.createTextNode(css));\n document.body.appendChild(element);\n }\n\n var js_urls = [\"https://cdn.bokeh.org/bokeh/release/bokeh-3.2.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-3.2.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.2.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-3.2.1.min.js\", \"https://cdn.holoviz.org/panel/1.2.1/dist/panel.min.js\"];\n var js_modules = [];\n var js_exports = {};\n var css_urls = [];\n var inline_js = [ function(Bokeh) {\n Bokeh.set_log_level(\"info\");\n },\nfunction(Bokeh) {} // ensure no trailing comma for IE\n ];\n\n function run_inline_js() {\n if ((root.Bokeh !== undefined) || (force === true)) {\n for (var i = 0; i < inline_js.length; i++) {\n inline_js[i].call(root, root.Bokeh);\n }\n // Cache old bokeh versions\n if (Bokeh != undefined && !reloading) {\n\tvar NewBokeh = root.Bokeh;\n\tif (Bokeh.versions === undefined) {\n\t Bokeh.versions = new Map();\n\t}\n\tif (NewBokeh.version !== Bokeh.version) {\n\t Bokeh.versions.set(NewBokeh.version, NewBokeh)\n\t}\n\troot.Bokeh = Bokeh;\n }} else if (Date.now() < root._bokeh_timeout) {\n setTimeout(run_inline_js, 100);\n } else if (!root._bokeh_failed_load) {\n console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n root._bokeh_failed_load = true;\n }\n root._bokeh_is_initializing = false\n }\n\n function load_or_wait() {\n // Implement a backoff loop that tries to ensure we do not load multiple\n // versions of Bokeh and its dependencies at the same time.\n // In recent versions we use the root._bokeh_is_initializing flag\n // to determine whether there is an ongoing attempt to initialize\n // bokeh, however for backward compatibility we also try to ensure\n // that we do not start loading a newer (Panel>=1.0 and Bokeh>3) version\n // before older versions are fully initialized.\n if (root._bokeh_is_initializing && Date.now() > root._bokeh_timeout) {\n root._bokeh_is_initializing = false;\n root._bokeh_onload_callbacks = undefined;\n console.log(\"Bokeh: BokehJS was loaded multiple times but one version failed to initialize.\");\n load_or_wait();\n } else if (root._bokeh_is_initializing || (typeof root._bokeh_is_initializing === \"undefined\" && root._bokeh_onload_callbacks !== undefined)) {\n setTimeout(load_or_wait, 100);\n } else {\n Bokeh = root.Bokeh;\n bokeh_loaded = Bokeh != null && (Bokeh.version === py_version || (Bokeh.versions !== undefined && Bokeh.versions.has(py_version)));\n root._bokeh_is_initializing = true\n root._bokeh_onload_callbacks = []\n if (!reloading && (!bokeh_loaded || is_dev)) {\n\troot.Bokeh = undefined;\n }\n load_libs(css_urls, js_urls, js_modules, js_exports, function() {\n\tconsole.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n\trun_inline_js();\n });\n }\n }\n // Give older versions of the autoload script a head-start to ensure\n // they initialize before we start loading newer version.\n setTimeout(load_or_wait, 100)\n}(window));"291 },292 "metadata": {},293 "output_type": "display_data"294 },295 {296 "data": {297 "application/javascript": [298 "\n",299 "if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n",300 " window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n",301 "}\n",302 "\n",303 "\n",304 " function JupyterCommManager() {\n",305 " }\n",306 "\n",307 " JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n",308 " if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n",309 " var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n",310 " comm_manager.register_target(comm_id, function(comm) {\n",311 " comm.on_msg(msg_handler);\n",312 " });\n",313 " } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n",314 " window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n",315 " comm.onMsg = msg_handler;\n",316 " });\n",317 " } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n",318 " google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n",319 " var messages = comm.messages[Symbol.asyncIterator]();\n",320 " function processIteratorResult(result) {\n",321 " var message = result.value;\n",322 " console.log(message)\n",323 " var content = {data: message.data, comm_id};\n",324 " var buffers = []\n",325 " for (var buffer of message.buffers || []) {\n",326 " buffers.push(new DataView(buffer))\n",327 " }\n",328 " var metadata = message.metadata || {};\n",329 " var msg = {content, buffers, metadata}\n",330 " msg_handler(msg);\n",331 " return messages.next().then(processIteratorResult);\n",332 " }\n",333 " return messages.next().then(processIteratorResult);\n",334 " })\n",335 " }\n",336 " }\n",337 "\n",338 " JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n",339 " if (comm_id in window.PyViz.comms) {\n",340 " return window.PyViz.comms[comm_id];\n",341 " } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n",342 " var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n",343 " var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n",344 " if (msg_handler) {\n",345 " comm.on_msg(msg_handler);\n",346 " }\n",347 " } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n",348 " var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n",349 " comm.open();\n",350 " if (msg_handler) {\n",351 " comm.onMsg = msg_handler;\n",352 " }\n",353 " } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n",354 " var comm_promise = google.colab.kernel.comms.open(comm_id)\n",355 " comm_promise.then((comm) => {\n",356 " window.PyViz.comms[comm_id] = comm;\n",357 " if (msg_handler) {\n",358 " var messages = comm.messages[Symbol.asyncIterator]();\n",359 " function processIteratorResult(result) {\n",360 " var message = result.value;\n",361 " var content = {data: message.data};\n",362 " var metadata = message.metadata || {comm_id};\n",363 " var msg = {content, metadata}\n",364 " msg_handler(msg);\n",365 " return messages.next().then(processIteratorResult);\n",366 " }\n",367 " return messages.next().then(processIteratorResult);\n",368 " }\n",369 " }) \n",370 " var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n",371 " return comm_promise.then((comm) => {\n",372 " comm.send(data, metadata, buffers, disposeOnDone);\n",373 " });\n",374 " };\n",375 " var comm = {\n",376 " send: sendClosure\n",377 " };\n",378 " }\n",379 " window.PyViz.comms[comm_id] = comm;\n",380 " return comm;\n",381 " }\n",382 " window.PyViz.comm_manager = new JupyterCommManager();\n",383 " \n",384 "\n",385 "\n",386 "var JS_MIME_TYPE = 'application/javascript';\n",387 "var HTML_MIME_TYPE = 'text/html';\n",388 "var EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\n",389 "var CLASS_NAME = 'output';\n",390 "\n",391 "/**\n",392 " * Render data to the DOM node\n",393 " */\n",394 "function render(props, node) {\n",395 " var div = document.createElement(\"div\");\n",396 " var script = document.createElement(\"script\");\n",397 " node.appendChild(div);\n",398 " node.appendChild(script);\n",399 "}\n",400 "\n",401 "/**\n",402 " * Handle when a new output is added\n",403 " */\n",404 "function handle_add_output(event, handle) {\n",405 " var output_area = handle.output_area;\n",406 " var output = handle.output;\n",407 " if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n",408 " return\n",409 " }\n",410 " var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n",411 " var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n",412 " if (id !== undefined) {\n",413 " var nchildren = toinsert.length;\n",414 " var html_node = toinsert[nchildren-1].children[0];\n",415 " html_node.innerHTML = output.data[HTML_MIME_TYPE];\n",416 " var scripts = [];\n",417 " var nodelist = html_node.querySelectorAll(\"script\");\n",418 " for (var i in nodelist) {\n",419 " if (nodelist.hasOwnProperty(i)) {\n",420 " scripts.push(nodelist[i])\n",421 " }\n",422 " }\n",423 "\n",424 " scripts.forEach( function (oldScript) {\n",425 " var newScript = document.createElement(\"script\");\n",426 " var attrs = [];\n",427 " var nodemap = oldScript.attributes;\n",428 " for (var j in nodemap) {\n",429 " if (nodemap.hasOwnProperty(j)) {\n",430 " attrs.push(nodemap[j])\n",431 " }\n",432 " }\n",433 " attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n",434 " newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n",435 " oldScript.parentNode.replaceChild(newScript, oldScript);\n",436 " });\n",437 " if (JS_MIME_TYPE in output.data) {\n",438 " toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n",439 " }\n",440 " output_area._hv_plot_id = id;\n",441 " if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n",442 " window.PyViz.plot_index[id] = Bokeh.index[id];\n",443 " } else {\n",444 " window.PyViz.plot_index[id] = null;\n",445 " }\n",446 " } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n",447 " var bk_div = document.createElement(\"div\");\n",448 " bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n",449 " var script_attrs = bk_div.children[0].attributes;\n",450 " for (var i = 0; i < script_attrs.length; i++) {\n",451 " toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n",452 " }\n",453 " // store reference to server id on output_area\n",454 " output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n",455 " }\n",456 "}\n",457 "\n",458 "/**\n",459 " * Handle when an output is cleared or removed\n",460 " */\n",461 "function handle_clear_output(event, handle) {\n",462 " var id = handle.cell.output_area._hv_plot_id;\n",463 " var server_id = handle.cell.output_area._bokeh_server_id;\n",464 " if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n",465 " var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n",466 " if (server_id !== null) {\n",467 " comm.send({event_type: 'server_delete', 'id': server_id});\n",468 " return;\n",469 " } else if (comm !== null) {\n",470 " comm.send({event_type: 'delete', 'id': id});\n",471 " }\n",472 " delete PyViz.plot_index[id];\n",473 " if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n",474 " var doc = window.Bokeh.index[id].model.document\n",475 " doc.clear();\n",476 " const i = window.Bokeh.documents.indexOf(doc);\n",477 " if (i > -1) {\n",478 " window.Bokeh.documents.splice(i, 1);\n",479 " }\n",480 " }\n",481 "}\n",482 "\n",483 "/**\n",484 " * Handle kernel restart event\n",485 " */\n",486 "function handle_kernel_cleanup(event, handle) {\n",487 " delete PyViz.comms[\"hv-extension-comm\"];\n",488 " window.PyViz.plot_index = {}\n",489 "}\n",490 "\n",491 "/**\n",492 " * Handle update_display_data messages\n",493 " */\n",494 "function handle_update_output(event, handle) {\n",495 " handle_clear_output(event, {cell: {output_area: handle.output_area}})\n",496 " handle_add_output(event, handle)\n",497 "}\n",498 "\n",499 "function register_renderer(events, OutputArea) {\n",500 " function append_mime(data, metadata, element) {\n",501 " // create a DOM node to render to\n",502 " var toinsert = this.create_output_subarea(\n",503 " metadata,\n",504 " CLASS_NAME,\n",505 " EXEC_MIME_TYPE\n",506 " );\n",507 " this.keyboard_manager.register_events(toinsert);\n",508 " // Render to node\n",509 " var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n",510 " render(props, toinsert[0]);\n",511 " element.append(toinsert);\n",512 " return toinsert\n",513 " }\n",514 "\n",515 " events.on('output_added.OutputArea', handle_add_output);\n",516 " events.on('output_updated.OutputArea', handle_update_output);\n",517 " events.on('clear_output.CodeCell', handle_clear_output);\n",518 " events.on('delete.Cell', handle_clear_output);\n",519 " events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n",520 "\n",521 " OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n",522 " safe: true,\n",523 " index: 0\n",524 " });\n",525 "}\n",526 "\n",527 "if (window.Jupyter !== undefined) {\n",528 " try {\n",529 " var events = require('base/js/events');\n",530 " var OutputArea = require('notebook/js/outputarea').OutputArea;\n",531 " if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n",532 " register_renderer(events, OutputArea);\n",533 " }\n",534 " } catch(err) {\n",535 " }\n",536 "}\n"537 ],538 "application/vnd.holoviews_load.v0+json": "\nif ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n}\n\n\n function JupyterCommManager() {\n }\n\n JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n comm_manager.register_target(comm_id, function(comm) {\n comm.on_msg(msg_handler);\n });\n } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n comm.onMsg = msg_handler;\n });\n } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n var messages = comm.messages[Symbol.asyncIterator]();\n function processIteratorResult(result) {\n var message = result.value;\n console.log(message)\n var content = {data: message.data, comm_id};\n var buffers = []\n for (var buffer of message.buffers || []) {\n buffers.push(new DataView(buffer))\n }\n var metadata = message.metadata || {};\n var msg = {content, buffers, metadata}\n msg_handler(msg);\n return messages.next().then(processIteratorResult);\n }\n return messages.next().then(processIteratorResult);\n })\n }\n }\n\n JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n if (comm_id in window.PyViz.comms) {\n return window.PyViz.comms[comm_id];\n } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n if (msg_handler) {\n comm.on_msg(msg_handler);\n }\n } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n comm.open();\n if (msg_handler) {\n comm.onMsg = msg_handler;\n }\n } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n var comm_promise = google.colab.kernel.comms.open(comm_id)\n comm_promise.then((comm) => {\n window.PyViz.comms[comm_id] = comm;\n if (msg_handler) {\n var messages = comm.messages[Symbol.asyncIterator]();\n function processIteratorResult(result) {\n var message = result.value;\n var content = {data: message.data};\n var metadata = message.metadata || {comm_id};\n var msg = {content, metadata}\n msg_handler(msg);\n return messages.next().then(processIteratorResult);\n }\n return messages.next().then(processIteratorResult);\n }\n }) \n var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n return comm_promise.then((comm) => {\n comm.send(data, metadata, buffers, disposeOnDone);\n });\n };\n var comm = {\n send: sendClosure\n };\n }\n window.PyViz.comms[comm_id] = comm;\n return comm;\n }\n window.PyViz.comm_manager = new JupyterCommManager();\n \n\n\nvar JS_MIME_TYPE = 'application/javascript';\nvar HTML_MIME_TYPE = 'text/html';\nvar EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\nvar CLASS_NAME = 'output';\n\n/**\n * Render data to the DOM node\n */\nfunction render(props, node) {\n var div = document.createElement(\"div\");\n var script = document.createElement(\"script\");\n node.appendChild(div);\n node.appendChild(script);\n}\n\n/**\n * Handle when a new output is added\n */\nfunction handle_add_output(event, handle) {\n var output_area = handle.output_area;\n var output = handle.output;\n if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n return\n }\n var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n if (id !== undefined) {\n var nchildren = toinsert.length;\n var html_node = toinsert[nchildren-1].children[0];\n html_node.innerHTML = output.data[HTML_MIME_TYPE];\n var scripts = [];\n var nodelist = html_node.querySelectorAll(\"script\");\n for (var i in nodelist) {\n if (nodelist.hasOwnProperty(i)) {\n scripts.push(nodelist[i])\n }\n }\n\n scripts.forEach( function (oldScript) {\n var newScript = document.createElement(\"script\");\n var attrs = [];\n var nodemap = oldScript.attributes;\n for (var j in nodemap) {\n if (nodemap.hasOwnProperty(j)) {\n attrs.push(nodemap[j])\n }\n }\n attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n oldScript.parentNode.replaceChild(newScript, oldScript);\n });\n if (JS_MIME_TYPE in output.data) {\n toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n }\n output_area._hv_plot_id = id;\n if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n window.PyViz.plot_index[id] = Bokeh.index[id];\n } else {\n window.PyViz.plot_index[id] = null;\n }\n } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n var bk_div = document.createElement(\"div\");\n bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n var script_attrs = bk_div.children[0].attributes;\n for (var i = 0; i < script_attrs.length; i++) {\n toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n }\n // store reference to server id on output_area\n output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n }\n}\n\n/**\n * Handle when an output is cleared or removed\n */\nfunction handle_clear_output(event, handle) {\n var id = handle.cell.output_area._hv_plot_id;\n var server_id = handle.cell.output_area._bokeh_server_id;\n if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n if (server_id !== null) {\n comm.send({event_type: 'server_delete', 'id': server_id});\n return;\n } else if (comm !== null) {\n comm.send({event_type: 'delete', 'id': id});\n }\n delete PyViz.plot_index[id];\n if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n var doc = window.Bokeh.index[id].model.document\n doc.clear();\n const i = window.Bokeh.documents.indexOf(doc);\n if (i > -1) {\n window.Bokeh.documents.splice(i, 1);\n }\n }\n}\n\n/**\n * Handle kernel restart event\n */\nfunction handle_kernel_cleanup(event, handle) {\n delete PyViz.comms[\"hv-extension-comm\"];\n window.PyViz.plot_index = {}\n}\n\n/**\n * Handle update_display_data messages\n */\nfunction handle_update_output(event, handle) {\n handle_clear_output(event, {cell: {output_area: handle.output_area}})\n handle_add_output(event, handle)\n}\n\nfunction register_renderer(events, OutputArea) {\n function append_mime(data, metadata, element) {\n // create a DOM node to render to\n var toinsert = this.create_output_subarea(\n metadata,\n CLASS_NAME,\n EXEC_MIME_TYPE\n );\n this.keyboard_manager.register_events(toinsert);\n // Render to node\n var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n render(props, toinsert[0]);\n element.append(toinsert);\n return toinsert\n }\n\n events.on('output_added.OutputArea', handle_add_output);\n events.on('output_updated.OutputArea', handle_update_output);\n events.on('clear_output.CodeCell', handle_clear_output);\n events.on('delete.Cell', handle_clear_output);\n events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n\n OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n safe: true,\n index: 0\n });\n}\n\nif (window.Jupyter !== undefined) {\n try {\n var events = require('base/js/events');\n var OutputArea = require('notebook/js/outputarea').OutputArea;\n if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n register_renderer(events, OutputArea);\n }\n } catch(err) {\n }\n}\n"539 },540 "metadata": {},541 "output_type": "display_data"542 },543 {544 "data": {545 "text/html": [546 "<style>*[data-root-id],\n",547 "*[data-root-id] > * {\n",548 " box-sizing: border-box;\n",549 " font-family: var(--jp-ui-font-family);\n",550 " font-size: var(--jp-ui-font-size1);\n",551 " color: var(--vscode-editor-foreground, var(--jp-ui-font-color1));\n",552 "}\n",553 "\n",554 "/* Override VSCode background color */\n",555 ".cell-output-ipywidget-background:has(\n",556 " > .cell-output-ipywidget-background > .lm-Widget > *[data-root-id]\n",557 " ),\n",558 ".cell-output-ipywidget-background:has(> .lm-Widget > *[data-root-id]) {\n",559 " background-color: transparent !important;\n",560 "}\n",561 "</style>"562 ]563 },564 "metadata": {},565 "output_type": "display_data"566 }567 ],568 "source": [569 "\n",570 "import geopandas as gpd\n",571 "import panel as pn\n",572 "import hvplot.pandas"573 ]574 },575 {576 "cell_type": "code",577 "execution_count": 3,578 "id": "b11e2c91-426e-48ad-bd17-05e71cb9d962",579 "metadata": {580 "tags": []581 },582 "outputs": [],583 "source": [584 "\n",585 "bars_with_hood = gpd.read_file('bars_with_hood.geojson')"586 ]587 },588 {589 "cell_type": "code",590 "execution_count": 2,591 "id": "87d4b14d-1700-4637-8b03-80a41bc8d629",592 "metadata": {593 "tags": []594 },595 "outputs": [],596 "source": [597 "#function that does not \"know\" the widget \n",598 "def hist_plot(x=\"Time\", color=\"#000000\"):\n",599 " return bars_with_hood[x].value_counts().hvplot.bar(c=color)\n"600 ]601 },602 {603 "cell_type": "code",604 "execution_count": 6,605 "id": "e20993ef-1c8d-4ef1-88a5-5b68d573f557",606 "metadata": {607 "tags": []608 },609 "outputs": [610 {611 "data": {},612 "metadata": {},613 "output_type": "display_data"614 },615 {616 "data": {617 "application/vnd.holoviews_exec.v0+json": "",618 "text/html": [619 "<div id='p1087'>\n",620 " <div id=\"b920bde9-d7bb-4d8f-937a-f6d21bc2854c\" data-root-id=\"p1087\" style=\"display: contents;\"></div>\n",621 "</div>\n",622 "<script type=\"application/javascript\">(function(root) {\n",623 " var docs_json = {\"afeee299-4c03-4c25-b621-129c9a22b113\":{\"version\":\"3.2.1\",\"title\":\"Bokeh Application\",\"roots\":[{\"type\":\"object\",\"name\":\"panel.models.widgets.CustomSelect\",\"id\":\"p1087\",\"attributes\":{\"stylesheets\":[\"\\n:host(.pn-loading.pn-arc):before, .pn-loading.pn-arc:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n background-size: auto calc(min(50%, 400px));\\n}\",{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"p1085\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.2.1/dist/css/loading.css\"}},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"p1086\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.2.1/dist/css/select.css\"}},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"p1083\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.2.1/dist/bundled/theme/default.css\"}},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"p1084\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.2.1/dist/bundled/theme/native.css\"}}],\"width\":300,\"min_width\":300,\"margin\":[5,10],\"align\":\"start\",\"title\":\"Color\",\"options\":[\"red\",\"blue\",\"green\",\"pink\",\"black\"],\"value\":\"#86a1db\"}},{\"type\":\"object\",\"name\":\"panel.models.comm_manager.CommManager\",\"id\":\"p1088\",\"attributes\":{\"plot_id\":\"p1087\",\"comm_id\":\"ac27acb96d914374bcfc9bdd55e16208\",\"client_comm_id\":\"a90f989098224402bbce1cc4ad05377a\"}}],\"defs\":[{\"type\":\"model\",\"name\":\"ReactiveHTML1\"},{\"type\":\"model\",\"name\":\"FlexBox1\",\"properties\":[{\"name\":\"align_content\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"align_items\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"flex_direction\",\"kind\":\"Any\",\"default\":\"row\"},{\"name\":\"flex_wrap\",\"kind\":\"Any\",\"default\":\"wrap\"},{\"name\":\"justify_content\",\"kind\":\"Any\",\"default\":\"flex-start\"}]},{\"type\":\"model\",\"name\":\"FloatPanel1\",\"properties\":[{\"name\":\"config\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"contained\",\"kind\":\"Any\",\"default\":true},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"right-top\"},{\"name\":\"offsetx\",\"kind\":\"Any\",\"default\":null},{\"name\":\"offsety\",\"kind\":\"Any\",\"default\":null},{\"name\":\"theme\",\"kind\":\"Any\",\"default\":\"primary\"},{\"name\":\"status\",\"kind\":\"Any\",\"default\":\"normalized\"}]},{\"type\":\"model\",\"name\":\"GridStack1\",\"properties\":[{\"name\":\"mode\",\"kind\":\"Any\",\"default\":\"warn\"},{\"name\":\"ncols\",\"kind\":\"Any\",\"default\":null},{\"name\":\"nrows\",\"kind\":\"Any\",\"default\":null},{\"name\":\"allow_resize\",\"kind\":\"Any\",\"default\":true},{\"name\":\"allow_drag\",\"kind\":\"Any\",\"default\":true},{\"name\":\"state\",\"kind\":\"Any\",\"default\":[]}]},{\"type\":\"model\",\"name\":\"drag1\",\"properties\":[{\"name\":\"slider_width\",\"kind\":\"Any\",\"default\":5},{\"name\":\"slider_color\",\"kind\":\"Any\",\"default\":\"black\"},{\"name\":\"value\",\"kind\":\"Any\",\"default\":50}]},{\"type\":\"model\",\"name\":\"click1\",\"properties\":[{\"name\":\"terminal_output\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"debug_name\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"clears\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"FastWrapper1\",\"properties\":[{\"name\":\"object\",\"kind\":\"Any\",\"default\":null},{\"name\":\"style\",\"kind\":\"Any\",\"default\":null}]},{\"type\":\"model\",\"name\":\"NotificationAreaBase1\",\"properties\":[{\"name\":\"js_events\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"NotificationArea1\",\"properties\":[{\"name\":\"js_events\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"notifications\",\"kind\":\"Any\",\"default\":[]},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0},{\"name\":\"types\",\"kind\":\"Any\",\"default\":[{\"type\":\"map\",\"entries\":[[\"type\",\"warning\"],[\"background\",\"#ffc107\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-exclamation-triangle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]},{\"type\":\"map\",\"entries\":[[\"type\",\"info\"],[\"background\",\"#007bff\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-info-circle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]}]}]},{\"type\":\"model\",\"name\":\"Notification\",\"properties\":[{\"name\":\"background\",\"kind\":\"Any\",\"default\":null},{\"name\":\"duration\",\"kind\":\"Any\",\"default\":3000},{\"name\":\"icon\",\"kind\":\"Any\",\"default\":null},{\"name\":\"message\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"notification_type\",\"kind\":\"Any\",\"default\":null},{\"name\":\"_destroyed\",\"kind\":\"Any\",\"default\":false}]},{\"type\":\"model\",\"name\":\"TemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"BootstrapTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"MaterialTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]}]}};\n",624 " var render_items = [{\"docid\":\"afeee299-4c03-4c25-b621-129c9a22b113\",\"roots\":{\"p1087\":\"b920bde9-d7bb-4d8f-937a-f6d21bc2854c\"},\"root_ids\":[\"p1087\"]}];\n",625 " var docs = Object.values(docs_json)\n",626 " if (!docs) {\n",627 " return\n",628 " }\n",629 " const py_version = docs[0].version.replace('rc', '-rc.').replace('.dev', '-dev.')\n",630 " const is_dev = py_version.indexOf(\"+\") !== -1 || py_version.indexOf(\"-\") !== -1\n",631 " function embed_document(root) {\n",632 " var Bokeh = get_bokeh(root)\n",633 " Bokeh.embed.embed_items_notebook(docs_json, render_items);\n",634 " for (const render_item of render_items) {\n",635 " for (const root_id of render_item.root_ids) {\n",636 "\tconst id_el = document.getElementById(root_id)\n",637 "\tif (id_el.children.length && (id_el.children[0].className === 'bk-root')) {\n",638 "\t const root_el = id_el.children[0]\n",639 "\t root_el.id = root_el.id + '-rendered'\n",640 "\t}\n",641 " }\n",642 " }\n",643 " }\n",644 " function get_bokeh(root) {\n",645 " if (root.Bokeh === undefined) {\n",646 " return null\n",647 " } else if (root.Bokeh.version !== py_version && !is_dev) {\n",648 " if (root.Bokeh.versions === undefined || !root.Bokeh.versions.has(py_version)) {\n",649 "\treturn null\n",650 " }\n",651 " return root.Bokeh.versions.get(py_version);\n",652 " } else if (root.Bokeh.version === py_version) {\n",653 " return root.Bokeh\n",654 " }\n",655 " return null\n",656 " }\n",657 " function is_loaded(root) {\n",658 " var Bokeh = get_bokeh(root)\n",659 " return (Bokeh != null && Bokeh.Panel !== undefined)\n",660 " }\n",661 " if (is_loaded(root)) {\n",662 " embed_document(root);\n",663 " } else {\n",664 " var attempts = 0;\n",665 " var timer = setInterval(function(root) {\n",666 " if (is_loaded(root)) {\n",667 " clearInterval(timer);\n",668 " embed_document(root);\n",669 " } else if (document.readyState == \"complete\") {\n",670 " attempts++;\n",671 " if (attempts > 200) {\n",672 " clearInterval(timer);\n",673 "\t var Bokeh = get_bokeh(root)\n",674 "\t if (Bokeh == null || Bokeh.Panel == null) {\n",675 " console.warn(\"Panel: ERROR: Unable to run Panel code because Bokeh or Panel library is missing\");\n",676 "\t } else {\n",677 "\t console.warn(\"Panel: WARNING: Attempting to render but not all required libraries could be resolved.\")\n",678 "\t embed_document(root)\n",679 "\t }\n",680 " }\n",681 " }\n",682 " }, 25, root)\n",683 " }\n",684 "})(window);</script>"685 ],686 "text/plain": [687 "Select(name='Color', options=['red', 'blue', ...], value='red')"688 ]689 },690 "execution_count": 6,691 "metadata": {692 "application/vnd.holoviews_exec.v0+json": {693 "id": "p1087"694 }695 },696 "output_type": "execute_result"697 }698 ],699 "source": [700 "# Create the widget\n",701 "categories = list(['Weekday','Time','Neighborhood Name'])\n",702 "\n",703 "categorySelect = pn.widgets.Select(\n",704 " value=\"Weekday\", options=categories, name=\"Category\"\n",705 ")\n",706 "\n",707 "\n",708 "#color Widget\n",709 "#colors = list(['#86a1db','#b4dfff','#f7ffb2','#ffdca7','#ffa3bf'])\n",710 "colors = list(['red','blue','green','pink','black'])\n",711 "\n",712 "colorsSelect = pn.widgets.Select(\n",713 " value='#86a1db', options=colors, name=\"Color\"\n",714 ")\n",715 "\n",716 "colorsSelect"717 ]718 },719 {720 "cell_type": "code",721 "execution_count": 7,722 "id": "a24b0072-8890-44b6-af4f-e4bf3dd8bf98",723 "metadata": {724 "tags": []725 },726 "outputs": [727 {728 "data": {},729 "metadata": {},730 "output_type": "display_data"731 },732 {733 "data": {},734 "metadata": {},735 "output_type": "display_data"736 },737 {738 "data": {739 "application/vnd.holoviews_exec.v0+json": "",740 "text/html": [741 "<div id='p1089'>\n",742 " <div id=\"bfa48e94-99b1-4f08-b8d4-1590711081d6\" data-root-id=\"p1089\" style=\"display: contents;\"></div>\n",743 "</div>\n",744 "<script type=\"application/javascript\">(function(root) {\n",745 " var docs_json = {\"332364b1-a5be-483f-b18d-5b1baf4a7e66\":{\"version\":\"3.2.1\",\"title\":\"Bokeh Application\",\"roots\":[{\"type\":\"object\",\"name\":\"Column\",\"id\":\"p1089\",\"attributes\":{\"name\":\"Column01079\",\"stylesheets\":[\"\\n:host(.pn-loading.pn-arc):before, .pn-loading.pn-arc:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n background-size: auto calc(min(50%, 400px));\\n}\",{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"p1143\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.2.1/dist/css/loading.css\"}},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"p1144\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.2.1/dist/css/listpanel.css\"}},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"p1141\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.2.1/dist/bundled/theme/default.css\"}},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"p1142\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.2.1/dist/bundled/theme/native.css\"}}],\"margin\":0,\"align\":\"start\",\"children\":[{\"type\":\"object\",\"name\":\"Row\",\"id\":\"p1090\",\"attributes\":{\"name\":\"Row01076\",\"stylesheets\":[\"\\n:host(.pn-loading.pn-arc):before, .pn-loading.pn-arc:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n background-size: auto calc(min(50%, 400px));\\n}\",{\"id\":\"p1143\"},{\"id\":\"p1144\"},{\"id\":\"p1141\"},{\"id\":\"p1142\"}],\"margin\":0,\"align\":\"start\",\"children\":[{\"type\":\"object\",\"name\":\"Column\",\"id\":\"p1091\",\"attributes\":{\"name\":\"Column00980\",\"stylesheets\":[\"\\n:host(.pn-loading.pn-arc):before, .pn-loading.pn-arc:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n background-size: auto calc(min(50%, 400px));\\n}\",{\"id\":\"p1143\"},{\"id\":\"p1144\"},{\"id\":\"p1141\"},{\"id\":\"p1142\"}],\"margin\":0,\"sizing_mode\":\"fixed\",\"align\":\"start\",\"children\":[{\"type\":\"object\",\"name\":\"Figure\",\"id\":\"p1099\",\"attributes\":{\"name\":\"ParamFunction00968\",\"width\":700,\"height\":300,\"margin\":[5,10],\"sizing_mode\":\"fixed\",\"align\":\"start\",\"x_range\":{\"type\":\"object\",\"name\":\"FactorRange\",\"id\":\"p1092\",\"attributes\":{\"tags\":[[[\"index\",\"index\",null]],[]],\"factors\":[\"Wednesday\",\"Tuesday\",\"Thursday\",\"Monday\",\"Sunday\"]}},\"y_range\":{\"type\":\"object\",\"name\":\"Range1d\",\"id\":\"p1093\",\"attributes\":{\"tags\":[[[\"Weekday\",\"Weekday\",null]],{\"type\":\"map\",\"entries\":[[\"invert_yaxis\",false],[\"autorange\",false]]}],\"end\":40.6,\"reset_start\":0.0,\"reset_end\":40.6}},\"x_scale\":{\"type\":\"object\",\"name\":\"CategoricalScale\",\"id\":\"p1109\"},\"y_scale\":{\"type\":\"object\",\"name\":\"LinearScale\",\"id\":\"p1110\"},\"title\":{\"type\":\"object\",\"name\":\"Title\",\"id\":\"p1102\",\"attributes\":{\"text\":\"Weekday\",\"text_color\":\"black\",\"text_font_size\":\"12pt\"}},\"renderers\":[{\"type\":\"object\",\"name\":\"GlyphRenderer\",\"id\":\"p1135\",\"attributes\":{\"data_source\":{\"type\":\"object\",\"name\":\"ColumnDataSource\",\"id\":\"p1126\",\"attributes\":{\"selected\":{\"type\":\"object\",\"name\":\"Selection\",\"id\":\"p1127\",\"attributes\":{\"indices\":[],\"line_indices\":[]}},\"selection_policy\":{\"type\":\"object\",\"name\":\"UnionRenderers\",\"id\":\"p1128\"},\"data\":{\"type\":\"map\",\"entries\":[[\"index\",[\"Wednesday\",\"Tuesday\",\"Thursday\",\"Monday\",\"Sunday\"]],[\"Weekday\",{\"type\":\"ndarray\",\"array\":{\"type\":\"bytes\",\"data\":\"JQAAABcAAAASAAAACgAAAAEAAAA=\"},\"shape\":[5],\"dtype\":\"int32\",\"order\":\"little\"}]]}}},\"view\":{\"type\":\"object\",\"name\":\"CDSView\",\"id\":\"p1136\",\"attributes\":{\"filter\":{\"type\":\"object\",\"name\":\"AllIndices\",\"id\":\"p1137\"}}},\"glyph\":{\"type\":\"object\",\"name\":\"VBar\",\"id\":\"p1132\",\"attributes\":{\"tags\":[\"apply_ranges\"],\"x\":{\"type\":\"field\",\"field\":\"index\"},\"width\":{\"type\":\"value\",\"value\":0.8},\"top\":{\"type\":\"field\",\"field\":\"Weekday\"},\"fill_color\":{\"type\":\"value\",\"value\":\"red\"},\"hatch_color\":{\"type\":\"value\",\"value\":\"red\"}}},\"selection_glyph\":{\"type\":\"object\",\"name\":\"VBar\",\"id\":\"p1138\",\"attributes\":{\"tags\":[\"apply_ranges\"],\"x\":{\"type\":\"field\",\"field\":\"index\"},\"width\":{\"type\":\"value\",\"value\":0.8},\"bottom\":{\"type\":\"value\",\"value\":0},\"top\":{\"type\":\"field\",\"field\":\"Weekday\"},\"line_color\":{\"type\":\"value\",\"value\":\"black\"},\"line_alpha\":{\"type\":\"value\",\"value\":1.0},\"line_width\":{\"type\":\"value\",\"value\":1},\"line_join\":{\"type\":\"value\",\"value\":\"bevel\"},\"line_cap\":{\"type\":\"value\",\"value\":\"butt\"},\"line_dash\":{\"type\":\"value\",\"value\":[]},\"line_dash_offset\":{\"type\":\"value\",\"value\":0},\"fill_color\":{\"type\":\"value\",\"value\":\"red\"},\"fill_alpha\":{\"type\":\"value\",\"value\":1.0},\"hatch_color\":{\"type\":\"value\",\"value\":\"red\"},\"hatch_alpha\":{\"type\":\"value\",\"value\":1.0},\"hatch_scale\":{\"type\":\"value\",\"value\":12.0},\"hatch_pattern\":{\"type\":\"value\",\"value\":null},\"hatch_weight\":{\"type\":\"value\",\"value\":1.0}}},\"nonselection_glyph\":{\"type\":\"object\",\"name\":\"VBar\",\"id\":\"p1133\",\"attributes\":{\"tags\":[\"apply_ranges\"],\"x\":{\"type\":\"field\",\"field\":\"index\"},\"width\":{\"type\":\"value\",\"value\":0.8},\"top\":{\"type\":\"field\",\"field\":\"Weekday\"},\"line_alpha\":{\"type\":\"value\",\"value\":0.1},\"fill_color\":{\"type\":\"value\",\"value\":\"red\"},\"fill_alpha\":{\"type\":\"value\",\"value\":0.1},\"hatch_color\":{\"type\":\"value\",\"value\":\"red\"},\"hatch_alpha\":{\"type\":\"value\",\"value\":0.1}}},\"muted_glyph\":{\"type\":\"object\",\"name\":\"VBar\",\"id\":\"p1134\",\"attributes\":{\"tags\":[\"apply_ranges\"],\"x\":{\"type\":\"field\",\"field\":\"index\"},\"width\":{\"type\":\"value\",\"value\":0.8},\"top\":{\"type\":\"field\",\"field\":\"Weekday\"},\"line_alpha\":{\"type\":\"value\",\"value\":0.2},\"fill_color\":{\"type\":\"value\",\"value\":\"red\"},\"fill_alpha\":{\"type\":\"value\",\"value\":0.2},\"hatch_color\":{\"type\":\"value\",\"value\":\"red\"},\"hatch_alpha\":{\"type\":\"value\",\"value\":0.2}}}}}],\"toolbar\":{\"type\":\"object\",\"name\":\"Toolbar\",\"id\":\"p1108\",\"attributes\":{\"tools\":[{\"type\":\"object\",\"name\":\"WheelZoomTool\",\"id\":\"p1097\",\"attributes\":{\"tags\":[\"hv_created\"],\"zoom_together\":\"none\"}},{\"type\":\"object\",\"name\":\"HoverTool\",\"id\":\"p1098\",\"attributes\":{\"tags\":[\"hv_created\"],\"renderers\":[{\"id\":\"p1135\"}],\"tooltips\":[[\"index\",\"@{index}\"],[\"Weekday\",\"@{Weekday}\"]]}},{\"type\":\"object\",\"name\":\"SaveTool\",\"id\":\"p1121\"},{\"type\":\"object\",\"name\":\"PanTool\",\"id\":\"p1122\"},{\"type\":\"object\",\"name\":\"BoxZoomTool\",\"id\":\"p1123\",\"attributes\":{\"overlay\":{\"type\":\"object\",\"name\":\"BoxAnnotation\",\"id\":\"p1124\",\"attributes\":{\"syncable\":false,\"level\":\"overlay\",\"visible\":false,\"left_units\":\"canvas\",\"right_units\":\"canvas\",\"bottom_units\":\"canvas\",\"top_units\":\"canvas\",\"line_color\":\"black\",\"line_alpha\":1.0,\"line_width\":2,\"line_dash\":[4,4],\"fill_color\":\"lightgrey\",\"fill_alpha\":0.5}}}},{\"type\":\"object\",\"name\":\"ResetTool\",\"id\":\"p1125\"}],\"active_drag\":{\"id\":\"p1122\"},\"active_scroll\":{\"id\":\"p1097\"}}},\"left\":[{\"type\":\"object\",\"name\":\"LinearAxis\",\"id\":\"p1116\",\"attributes\":{\"ticker\":{\"type\":\"object\",\"name\":\"BasicTicker\",\"id\":\"p1117\",\"attributes\":{\"mantissas\":[1,2,5]}},\"formatter\":{\"type\":\"object\",\"name\":\"BasicTickFormatter\",\"id\":\"p1118\"},\"axis_label\":\"\",\"major_label_policy\":{\"type\":\"object\",\"name\":\"AllLabels\",\"id\":\"p1119\"}}}],\"below\":[{\"type\":\"object\",\"name\":\"CategoricalAxis\",\"id\":\"p1111\",\"attributes\":{\"ticker\":{\"type\":\"object\",\"name\":\"CategoricalTicker\",\"id\":\"p1112\"},\"formatter\":{\"type\":\"object\",\"name\":\"CategoricalTickFormatter\",\"id\":\"p1113\"},\"axis_label\":\"\",\"major_label_policy\":{\"type\":\"object\",\"name\":\"AllLabels\",\"id\":\"p1114\"}}}],\"center\":[{\"type\":\"object\",\"name\":\"Grid\",\"id\":\"p1115\",\"attributes\":{\"axis\":{\"id\":\"p1111\"},\"grid_line_color\":null}},{\"type\":\"object\",\"name\":\"Grid\",\"id\":\"p1120\",\"attributes\":{\"dimension\":1,\"axis\":{\"id\":\"p1116\"},\"grid_line_color\":null}}],\"min_border_top\":10,\"min_border_bottom\":10,\"min_border_left\":10,\"min_border_right\":10,\"output_backend\":\"webgl\"}}]}},{\"type\":\"object\",\"name\":\"Column\",\"id\":\"p1145\",\"attributes\":{\"name\":\"Column00965\",\"stylesheets\":[\"\\n:host(.pn-loading.pn-arc):before, .pn-loading.pn-arc:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n background-size: auto calc(min(50%, 400px));\\n}\",{\"id\":\"p1143\"},{\"id\":\"p1144\"},{\"id\":\"p1141\"},{\"id\":\"p1142\"}],\"margin\":0,\"align\":\"start\",\"children\":[{\"type\":\"object\",\"name\":\"panel.models.markup.HTML\",\"id\":\"p1148\",\"attributes\":{\"css_classes\":[\"markdown\"],\"stylesheets\":[\"\\n:host(.pn-loading.pn-arc):before, .pn-loading.pn-arc:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n background-size: auto calc(min(50%, 400px));\\n}\",{\"id\":\"p1143\"},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"p1147\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.2.1/dist/css/markdown.css\"}},{\"id\":\"p1141\"},{\"id\":\"p1142\"}],\"margin\":[5,10],\"align\":\"start\",\"text\":\"<h2 id="quizzo-explorer">Quizzo Explorer <a class="header-anchor" href="#quizzo-explorer">\\u00b6</a></h2>\\n\"}},{\"type\":\"object\",\"name\":\"panel.models.widgets.CustomSelect\",\"id\":\"p1151\",\"attributes\":{\"stylesheets\":[\"\\n:host(.pn-loading.pn-arc):before, .pn-loading.pn-arc:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n background-size: auto calc(min(50%, 400px));\\n}\",{\"id\":\"p1143\"},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"p1150\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.2.1/dist/css/select.css\"}},{\"id\":\"p1141\"},{\"id\":\"p1142\"}],\"width\":300,\"min_width\":300,\"margin\":[5,10],\"align\":\"start\",\"title\":\"Category\",\"options\":[\"Weekday\",\"Time\",\"Neighborhood Name\"],\"value\":\"Weekday\"}},{\"type\":\"object\",\"name\":\"panel.models.widgets.CustomSelect\",\"id\":\"p1154\",\"attributes\":{\"stylesheets\":[\"\\n:host(.pn-loading.pn-arc):before, .pn-loading.pn-arc:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n background-size: auto calc(min(50%, 400px));\\n}\",{\"id\":\"p1143\"},{\"id\":\"p1150\"},{\"id\":\"p1141\"},{\"id\":\"p1142\"}],\"width\":300,\"min_width\":300,\"margin\":[5,10],\"align\":\"start\",\"title\":\"Color\",\"options\":[\"red\",\"blue\",\"green\",\"pink\",\"black\"],\"value\":\"red\"}}]}}]}}]}},{\"type\":\"object\",\"name\":\"panel.models.comm_manager.CommManager\",\"id\":\"p1161\",\"attributes\":{\"plot_id\":\"p1089\",\"comm_id\":\"f60cb23ace65413787eed35e4b36aba9\",\"client_comm_id\":\"be08bf70942a4065b3dfa703be5cefbf\"}}],\"defs\":[{\"type\":\"model\",\"name\":\"ReactiveHTML1\"},{\"type\":\"model\",\"name\":\"FlexBox1\",\"properties\":[{\"name\":\"align_content\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"align_items\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"flex_direction\",\"kind\":\"Any\",\"default\":\"row\"},{\"name\":\"flex_wrap\",\"kind\":\"Any\",\"default\":\"wrap\"},{\"name\":\"justify_content\",\"kind\":\"Any\",\"default\":\"flex-start\"}]},{\"type\":\"model\",\"name\":\"FloatPanel1\",\"properties\":[{\"name\":\"config\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"contained\",\"kind\":\"Any\",\"default\":true},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"right-top\"},{\"name\":\"offsetx\",\"kind\":\"Any\",\"default\":null},{\"name\":\"offsety\",\"kind\":\"Any\",\"default\":null},{\"name\":\"theme\",\"kind\":\"Any\",\"default\":\"primary\"},{\"name\":\"status\",\"kind\":\"Any\",\"default\":\"normalized\"}]},{\"type\":\"model\",\"name\":\"GridStack1\",\"properties\":[{\"name\":\"mode\",\"kind\":\"Any\",\"default\":\"warn\"},{\"name\":\"ncols\",\"kind\":\"Any\",\"default\":null},{\"name\":\"nrows\",\"kind\":\"Any\",\"default\":null},{\"name\":\"allow_resize\",\"kind\":\"Any\",\"default\":true},{\"name\":\"allow_drag\",\"kind\":\"Any\",\"default\":true},{\"name\":\"state\",\"kind\":\"Any\",\"default\":[]}]},{\"type\":\"model\",\"name\":\"drag1\",\"properties\":[{\"name\":\"slider_width\",\"kind\":\"Any\",\"default\":5},{\"name\":\"slider_color\",\"kind\":\"Any\",\"default\":\"black\"},{\"name\":\"value\",\"kind\":\"Any\",\"default\":50}]},{\"type\":\"model\",\"name\":\"click1\",\"properties\":[{\"name\":\"terminal_output\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"debug_name\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"clears\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"FastWrapper1\",\"properties\":[{\"name\":\"object\",\"kind\":\"Any\",\"default\":null},{\"name\":\"style\",\"kind\":\"Any\",\"default\":null}]},{\"type\":\"model\",\"name\":\"NotificationAreaBase1\",\"properties\":[{\"name\":\"js_events\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"NotificationArea1\",\"properties\":[{\"name\":\"js_events\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"notifications\",\"kind\":\"Any\",\"default\":[]},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0},{\"name\":\"types\",\"kind\":\"Any\",\"default\":[{\"type\":\"map\",\"entries\":[[\"type\",\"warning\"],[\"background\",\"#ffc107\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-exclamation-triangle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]},{\"type\":\"map\",\"entries\":[[\"type\",\"info\"],[\"background\",\"#007bff\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-info-circle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]}]}]},{\"type\":\"model\",\"name\":\"Notification\",\"properties\":[{\"name\":\"background\",\"kind\":\"Any\",\"default\":null},{\"name\":\"duration\",\"kind\":\"Any\",\"default\":3000},{\"name\":\"icon\",\"kind\":\"Any\",\"default\":null},{\"name\":\"message\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"notification_type\",\"kind\":\"Any\",\"default\":null},{\"name\":\"_destroyed\",\"kind\":\"Any\",\"default\":false}]},{\"type\":\"model\",\"name\":\"TemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"BootstrapTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"MaterialTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]}]}};\n",746 " var render_items = [{\"docid\":\"332364b1-a5be-483f-b18d-5b1baf4a7e66\",\"roots\":{\"p1089\":\"bfa48e94-99b1-4f08-b8d4-1590711081d6\"},\"root_ids\":[\"p1089\"]}];\n",747 " var docs = Object.values(docs_json)\n",748 " if (!docs) {\n",749 " return\n",750 " }\n",751 " const py_version = docs[0].version.replace('rc', '-rc.').replace('.dev', '-dev.')\n",752 " const is_dev = py_version.indexOf(\"+\") !== -1 || py_version.indexOf(\"-\") !== -1\n",753 " function embed_document(root) {\n",754 " var Bokeh = get_bokeh(root)\n",755 " Bokeh.embed.embed_items_notebook(docs_json, render_items);\n",756 " for (const render_item of render_items) {\n",757 " for (const root_id of render_item.root_ids) {\n",758 "\tconst id_el = document.getElementById(root_id)\n",759 "\tif (id_el.children.length && (id_el.children[0].className === 'bk-root')) {\n",760 "\t const root_el = id_el.children[0]\n",761 "\t root_el.id = root_el.id + '-rendered'\n",762 "\t}\n",763 " }\n",764 " }\n",765 " }\n",766 " function get_bokeh(root) {\n",767 " if (root.Bokeh === undefined) {\n",768 " return null\n",769 " } else if (root.Bokeh.version !== py_version && !is_dev) {\n",770 " if (root.Bokeh.versions === undefined || !root.Bokeh.versions.has(py_version)) {\n",771 "\treturn null\n",772 " }\n",773 " return root.Bokeh.versions.get(py_version);\n",774 " } else if (root.Bokeh.version === py_version) {\n",775 " return root.Bokeh\n",776 " }\n",777 " return null\n",778 " }\n",779 " function is_loaded(root) {\n",780 " var Bokeh = get_bokeh(root)\n",781 " return (Bokeh != null && Bokeh.Panel !== undefined)\n",782 " }\n",783 " if (is_loaded(root)) {\n",784 " embed_document(root);\n",785 " } else {\n",786 " var attempts = 0;\n",787 " var timer = setInterval(function(root) {\n",788 " if (is_loaded(root)) {\n",789 " clearInterval(timer);\n",790 " embed_document(root);\n",791 " } else if (document.readyState == \"complete\") {\n",792 " attempts++;\n",793 " if (attempts > 200) {\n",794 " clearInterval(timer);\n",795 "\t var Bokeh = get_bokeh(root)\n",796 "\t if (Bokeh == null || Bokeh.Panel == null) {\n",797 " console.warn(\"Panel: ERROR: Unable to run Panel code because Bokeh or Panel library is missing\");\n",798 "\t } else {\n",799 "\t console.warn(\"Panel: WARNING: Attempting to render but not all required libraries could be resolved.\")\n",800 "\t embed_document(root)\n",801 "\t }\n",802 " }\n",803 " }\n",804 " }, 25, root)\n",805 " }\n",806 "})(window);</script>"807 ],808 "text/plain": [809 "Column\n",810 " [0] Row\n",811 " [0] ParamFunction(function, _pane=HoloViews, defer_load=False)\n",812 " [1] Column\n",813 " [0] Markdown(str)\n",814 " [1] Select(name='Category', options=['Weekday', 'Time', ...], value='Weekday')\n",815 " [2] Select(name='Color', options=['red', 'blue', ...], value='red')"816 ]817 },818 "execution_count": 7,819 "metadata": {820 "application/vnd.holoviews_exec.v0+json": {821 "id": "p1089"822 }823 },824 "output_type": "execute_result"825 }826 ],827 "source": [828 "\n",829 "# Create the dashboard - code from lecture 9B\n",830 "reactive_dashboard = pn.Column(\n",831 " pn.Row(\n",832 " pn.bind(hist_plot, x=categorySelect, color=colorsSelect), # Main chart\n",833 " pn.Column(\n",834 " \"## Quizzo Explorer\", categorySelect,colorsSelect\n",835 " ), # Title and widgets\n",836 " ),\n",837 ")\n",838 "\n",839 "reactive_dashboard.servable()\n",840 "\n",841 "\n"842 ]843 }844 ],845 "metadata": {846 "kernelspec": {847 "display_name": "Python 3 (ipykernel)",848 "language": "python",849 "name": "python3"850 },851 "language_info": {852 "codemirror_mode": {853 "name": "ipython",854 "version": 3855 },856 "file_extension": ".py",857 "mimetype": "text/x-python",858 "name": "python",859 "nbconvert_exporter": "python",860 "pygments_lexer": "ipython3",861 "version": "3.10.12"862 }863 },864 "nbformat": 4,865 "nbformat_minor": 5866}867