9 |
10 | Simply choose the team or the ball icon on the right and click to create a player.
11 | You can click&hold to move them as long as the corresponding icon is active.
12 | Remove a playermarker by clicking and then pressing the Backspace key.
13 |
14 | You can also clone this repository, install the requirements and run it with
15 | ```
16 | panel serve --show tracking_tagger.ipynb
17 | ```
--------------------------------------------------------------------------------
/tracking_tagger.ipynb:
--------------------------------------------------------------------------------
1 | {
2 | "cells": [
3 | {
4 | "cell_type": "markdown",
5 | "metadata": {},
6 | "source": [
7 | "### 1. Imports\n",
8 | "##### 1.1 Import libraries and write settings."
9 | ]
10 | },
11 | {
12 | "cell_type": "code",
13 | "execution_count": 3,
14 | "metadata": {},
15 | "outputs": [],
16 | "source": [
17 | "import pandas as pd\n",
18 | "import numpy as np\n",
19 | "\n",
20 | "# Options for pandas\n",
21 | "pd.options.display.max_columns = 50\n",
22 | "pd.options.display.max_rows = 50\n",
23 | "\n",
24 | "import warnings\n",
25 | "warnings.filterwarnings(\"ignore\")\n",
26 | "\n",
27 | "# Standard Plotting - Matplotlib\n",
28 | "import matplotlib.pyplot as plt\n",
29 | "import seaborn as sns\n",
30 | "import matplotlib as mpl\n",
31 | "from themepy import Theme\n",
32 | "\n",
33 | "# common stats imports\n",
34 | "from scipy import stats\n",
35 | "from math import pi\n",
36 | "\n",
37 | "# matplotlib helpers\n",
38 | "from myhelpers.matplotlib import *\n",
39 | "\n",
40 | "# increases resolution of plots\n",
41 | "%config InlineBackend.figure_format = \"retina\"\n",
42 | "%matplotlib inline\n",
43 | "\n",
44 | "# set a standard fontname to use\n",
45 | "fontname = \"Enigmatic Unicode\""
46 | ]
47 | },
48 | {
49 | "cell_type": "code",
50 | "execution_count": 4,
51 | "metadata": {
52 | "scrolled": false
53 | },
54 | "outputs": [
55 | {
56 | "data": {
57 | "application/javascript": [
58 | "\n",
59 | "(function(root) {\n",
60 | " function now() {\n",
61 | " return new Date();\n",
62 | " }\n",
63 | "\n",
64 | " var force = true;\n",
65 | "\n",
66 | " if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n",
67 | " root._bokeh_onload_callbacks = [];\n",
68 | " root._bokeh_is_loading = undefined;\n",
69 | " }\n",
70 | "\n",
71 | " if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n",
72 | " root._bokeh_timeout = Date.now() + 5000;\n",
73 | " root._bokeh_failed_load = false;\n",
74 | " }\n",
75 | "\n",
76 | " function run_callbacks() {\n",
77 | " try {\n",
78 | " root._bokeh_onload_callbacks.forEach(function(callback) {\n",
79 | " if (callback != null)\n",
80 | " callback();\n",
81 | " });\n",
82 | " } finally {\n",
83 | " delete root._bokeh_onload_callbacks\n",
84 | " }\n",
85 | " console.debug(\"Bokeh: all callbacks have finished\");\n",
86 | " }\n",
87 | "\n",
88 | " function load_libs(css_urls, js_urls, js_modules, callback) {\n",
89 | " if (css_urls == null) css_urls = [];\n",
90 | " if (js_urls == null) js_urls = [];\n",
91 | " if (js_modules == null) js_modules = [];\n",
92 | "\n",
93 | " root._bokeh_onload_callbacks.push(callback);\n",
94 | " if (root._bokeh_is_loading > 0) {\n",
95 | " console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n",
96 | " return null;\n",
97 | " }\n",
98 | " if (js_urls.length === 0 && js_modules.length === 0) {\n",
99 | " run_callbacks();\n",
100 | " return null;\n",
101 | " }\n",
102 | " console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n",
103 | " root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\n",
104 | "\n",
105 | " function on_load() {\n",
106 | " root._bokeh_is_loading--;\n",
107 | " if (root._bokeh_is_loading === 0) {\n",
108 | " console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n",
109 | " run_callbacks()\n",
110 | " }\n",
111 | " }\n",
112 | "\n",
113 | " function on_error() {\n",
114 | " console.error(\"failed to load \" + url);\n",
115 | " }\n",
116 | "\n",
117 | " for (var i = 0; i < css_urls.length; i++) {\n",
118 | " var url = css_urls[i];\n",
119 | " const element = document.createElement(\"link\");\n",
120 | " element.onload = on_load;\n",
121 | " element.onerror = on_error;\n",
122 | " element.rel = \"stylesheet\";\n",
123 | " element.type = \"text/css\";\n",
124 | " element.href = url;\n",
125 | " console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n",
126 | " document.body.appendChild(element);\n",
127 | " }\n",
128 | "\n",
129 | " var skip = [];\n",
130 | " if (window.requirejs) {\n",
131 | " window.requirejs.config({'paths': {'tabulator': 'https://unpkg.com/tabulator-tables@4.9.3/dist/js/tabulator'}});\n",
132 | " require([], function() {\n",
133 | " })\n",
134 | " }\n",
135 | " if (((window['tabulator'] !== undefined) && (!(window['tabulator'] instanceof HTMLElement))) || window.requirejs) {\n",
136 | " var urls = ['https://unpkg.com/tabulator-tables@4.9.3/dist/js/tabulator.js', 'https://unpkg.com/moment@2.27.0/moment.js'];\n",
137 | " for (var i = 0; i < urls.length; i++) {\n",
138 | " skip.push(urls[i])\n",
139 | " }\n",
140 | " }\n",
141 | " for (var i = 0; i < js_urls.length; i++) {\n",
142 | " var url = js_urls[i];\n",
143 | " if (skip.indexOf(url) >= 0) { on_load(); continue; }\n",
144 | " var element = document.createElement('script');\n",
145 | " element.onload = on_load;\n",
146 | " element.onerror = on_error;\n",
147 | " element.async = false;\n",
148 | " element.src = url;\n",
149 | " console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
150 | " document.head.appendChild(element);\n",
151 | " }\n",
152 | " for (var i = 0; i < js_modules.length; i++) {\n",
153 | " var url = js_modules[i];\n",
154 | " if (skip.indexOf(url) >= 0) { on_load(); continue; }\n",
155 | " var element = document.createElement('script');\n",
156 | " element.onload = on_load;\n",
157 | " element.onerror = on_error;\n",
158 | " element.async = false;\n",
159 | " element.src = url;\n",
160 | " element.type = \"module\";\n",
161 | " console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
162 | " document.head.appendChild(element);\n",
163 | " }\n",
164 | " if (!js_urls.length && !js_modules.length) {\n",
165 | " on_load()\n",
166 | " }\n",
167 | " };\n",
168 | "\n",
169 | " function inject_raw_css(css) {\n",
170 | " const element = document.createElement(\"style\");\n",
171 | " element.appendChild(document.createTextNode(css));\n",
172 | " document.body.appendChild(element);\n",
173 | " }\n",
174 | "\n",
175 | " var js_urls = [\"https://unpkg.com/tabulator-tables@4.9.3/dist/js/tabulator.js\", \"https://unpkg.com/moment@2.27.0/moment.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-2.3.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.3.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.3.1.min.js\", \"https://unpkg.com/@holoviz/panel@^0.11.3/dist/panel.min.js\"];\n",
176 | " var js_modules = [];\n",
177 | " var css_urls = [\"https://unpkg.com/tabulator-tables@4.9.3/dist/css/tabulator_simple.min.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/alerts.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/card.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/widgets.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/markdown.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/json.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/loading.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/dataframe.css\"];\n",
178 | " var inline_js = [\n",
179 | " function(Bokeh) {\n",
180 | " inject_raw_css(\"\\n .bk.pn-loading.arcs:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4gIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjMyIiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZT0iI2MzYzNjMyIgc3Ryb2tlLWRhc2hhcnJheT0iNTAuMjY1NDgyNDU3NDM2NjkgNTAuMjY1NDgyNDU3NDM2NjkiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+ICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxcyIga2V5VGltZXM9IjA7MSIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCI+PC9hbmltYXRlVHJhbnNmb3JtPiAgPC9jaXJjbGU+PC9zdmc+\\\")\\n }\\n \");\n",
181 | " },\n",
182 | " function(Bokeh) {\n",
183 | " Bokeh.set_log_level(\"info\");\n",
184 | " },\n",
185 | " function(Bokeh) {} // ensure no trailing comma for IE\n",
186 | " ];\n",
187 | "\n",
188 | " function run_inline_js() {\n",
189 | " if ((root.Bokeh !== undefined) || (force === true)) {\n",
190 | " for (var i = 0; i < inline_js.length; i++) {\n",
191 | " inline_js[i].call(root, root.Bokeh);\n",
192 | " }} else if (Date.now() < root._bokeh_timeout) {\n",
193 | " setTimeout(run_inline_js, 100);\n",
194 | " } else if (!root._bokeh_failed_load) {\n",
195 | " console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n",
196 | " root._bokeh_failed_load = true;\n",
197 | " }\n",
198 | " }\n",
199 | "\n",
200 | " if (root._bokeh_is_loading === 0) {\n",
201 | " console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n",
202 | " run_inline_js();\n",
203 | " } else {\n",
204 | " load_libs(css_urls, js_urls, js_modules, function() {\n",
205 | " console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n",
206 | " run_inline_js();\n",
207 | " });\n",
208 | " }\n",
209 | "}(window));"
210 | ],
211 | "application/vnd.holoviews_load.v0+json": "\n(function(root) {\n function now() {\n return new Date();\n }\n\n var force = true;\n\n if (typeof root._bokeh_onload_callbacks === \"undefined\" || force === true) {\n root._bokeh_onload_callbacks = [];\n root._bokeh_is_loading = undefined;\n }\n\n if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\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, callback) {\n if (css_urls == null) css_urls = [];\n if (js_urls == null) js_urls = [];\n if (js_modules == null) js_modules = [];\n\n root._bokeh_onload_callbacks.push(callback);\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) {\n run_callbacks();\n return null;\n }\n console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length;\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\n function on_error() {\n console.error(\"failed to load \" + url);\n }\n\n for (var i = 0; i < css_urls.length; i++) {\n var url = css_urls[i];\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 }\n\n var skip = [];\n if (window.requirejs) {\n window.requirejs.config({'paths': {'tabulator': 'https://unpkg.com/tabulator-tables@4.9.3/dist/js/tabulator'}});\n require([], function() {\n })\n }\n if (((window['tabulator'] !== undefined) && (!(window['tabulator'] instanceof HTMLElement))) || window.requirejs) {\n var urls = ['https://unpkg.com/tabulator-tables@4.9.3/dist/js/tabulator.js', 'https://unpkg.com/moment@2.27.0/moment.js'];\n for (var i = 0; i < urls.length; i++) {\n skip.push(urls[i])\n }\n }\n for (var i = 0; i < js_urls.length; i++) {\n var url = js_urls[i];\n if (skip.indexOf(url) >= 0) { on_load(); continue; }\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) >= 0) { on_load(); continue; }\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 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://unpkg.com/tabulator-tables@4.9.3/dist/js/tabulator.js\", \"https://unpkg.com/moment@2.27.0/moment.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-2.3.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.3.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.3.1.min.js\", \"https://unpkg.com/@holoviz/panel@^0.11.3/dist/panel.min.js\"];\n var js_modules = [];\n var css_urls = [\"https://unpkg.com/tabulator-tables@4.9.3/dist/css/tabulator_simple.min.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/alerts.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/card.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/widgets.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/markdown.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/json.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/loading.css\", \"https://unpkg.com/@holoviz/panel@0.11.3/dist/css/dataframe.css\"];\n var inline_js = [\n function(Bokeh) {\n inject_raw_css(\"\\n .bk.pn-loading.arcs:before {\\n background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4gIDxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjMyIiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZT0iI2MzYzNjMyIgc3Ryb2tlLWRhc2hhcnJheT0iNTAuMjY1NDgyNDU3NDM2NjkgNTAuMjY1NDgyNDU3NDM2NjkiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+ICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxcyIga2V5VGltZXM9IjA7MSIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCI+PC9hbmltYXRlVHJhbnNmb3JtPiAgPC9jaXJjbGU+PC9zdmc+\\\")\\n }\\n \");\n },\n function(Bokeh) {\n Bokeh.set_log_level(\"info\");\n },\n function(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 }} 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 }\n\n if (root._bokeh_is_loading === 0) {\n console.debug(\"Bokeh: BokehJS loaded, going straight to plotting\");\n run_inline_js();\n } else {\n load_libs(css_urls, js_urls, js_modules, function() {\n console.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n run_inline_js();\n });\n }\n}(window));"
212 | },
213 | "metadata": {},
214 | "output_type": "display_data"
215 | },
216 | {
217 | "data": {
218 | "application/javascript": [
219 | "\n",
220 | "if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n",
221 | " window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n",
222 | "}\n",
223 | "\n",
224 | "\n",
225 | " function JupyterCommManager() {\n",
226 | " }\n",
227 | "\n",
228 | " JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n",
229 | " if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n",
230 | " var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n",
231 | " comm_manager.register_target(comm_id, function(comm) {\n",
232 | " comm.on_msg(msg_handler);\n",
233 | " });\n",
234 | " } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n",
235 | " window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n",
236 | " comm.onMsg = msg_handler;\n",
237 | " });\n",
238 | " } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n",
239 | " google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n",
240 | " var messages = comm.messages[Symbol.asyncIterator]();\n",
241 | " function processIteratorResult(result) {\n",
242 | " var message = result.value;\n",
243 | " console.log(message)\n",
244 | " var content = {data: message.data, comm_id};\n",
245 | " var buffers = []\n",
246 | " for (var buffer of message.buffers || []) {\n",
247 | " buffers.push(new DataView(buffer))\n",
248 | " }\n",
249 | " var metadata = message.metadata || {};\n",
250 | " var msg = {content, buffers, metadata}\n",
251 | " msg_handler(msg);\n",
252 | " return messages.next().then(processIteratorResult);\n",
253 | " }\n",
254 | " return messages.next().then(processIteratorResult);\n",
255 | " })\n",
256 | " }\n",
257 | " }\n",
258 | "\n",
259 | " JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n",
260 | " if (comm_id in window.PyViz.comms) {\n",
261 | " return window.PyViz.comms[comm_id];\n",
262 | " } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n",
263 | " var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n",
264 | " var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n",
265 | " if (msg_handler) {\n",
266 | " comm.on_msg(msg_handler);\n",
267 | " }\n",
268 | " } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n",
269 | " var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n",
270 | " comm.open();\n",
271 | " if (msg_handler) {\n",
272 | " comm.onMsg = msg_handler;\n",
273 | " }\n",
274 | " } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n",
275 | " var comm_promise = google.colab.kernel.comms.open(comm_id)\n",
276 | " comm_promise.then((comm) => {\n",
277 | " window.PyViz.comms[comm_id] = comm;\n",
278 | " if (msg_handler) {\n",
279 | " var messages = comm.messages[Symbol.asyncIterator]();\n",
280 | " function processIteratorResult(result) {\n",
281 | " var message = result.value;\n",
282 | " var content = {data: message.data};\n",
283 | " var metadata = message.metadata || {comm_id};\n",
284 | " var msg = {content, metadata}\n",
285 | " msg_handler(msg);\n",
286 | " return messages.next().then(processIteratorResult);\n",
287 | " }\n",
288 | " return messages.next().then(processIteratorResult);\n",
289 | " }\n",
290 | " }) \n",
291 | " var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n",
292 | " return comm_promise.then((comm) => {\n",
293 | " comm.send(data, metadata, buffers, disposeOnDone);\n",
294 | " });\n",
295 | " };\n",
296 | " var comm = {\n",
297 | " send: sendClosure\n",
298 | " };\n",
299 | " }\n",
300 | " window.PyViz.comms[comm_id] = comm;\n",
301 | " return comm;\n",
302 | " }\n",
303 | " window.PyViz.comm_manager = new JupyterCommManager();\n",
304 | " \n",
305 | "\n",
306 | "\n",
307 | "var JS_MIME_TYPE = 'application/javascript';\n",
308 | "var HTML_MIME_TYPE = 'text/html';\n",
309 | "var EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\n",
310 | "var CLASS_NAME = 'output';\n",
311 | "\n",
312 | "/**\n",
313 | " * Render data to the DOM node\n",
314 | " */\n",
315 | "function render(props, node) {\n",
316 | " var div = document.createElement(\"div\");\n",
317 | " var script = document.createElement(\"script\");\n",
318 | " node.appendChild(div);\n",
319 | " node.appendChild(script);\n",
320 | "}\n",
321 | "\n",
322 | "/**\n",
323 | " * Handle when a new output is added\n",
324 | " */\n",
325 | "function handle_add_output(event, handle) {\n",
326 | " var output_area = handle.output_area;\n",
327 | " var output = handle.output;\n",
328 | " if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n",
329 | " return\n",
330 | " }\n",
331 | " var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n",
332 | " var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n",
333 | " if (id !== undefined) {\n",
334 | " var nchildren = toinsert.length;\n",
335 | " var html_node = toinsert[nchildren-1].children[0];\n",
336 | " html_node.innerHTML = output.data[HTML_MIME_TYPE];\n",
337 | " var scripts = [];\n",
338 | " var nodelist = html_node.querySelectorAll(\"script\");\n",
339 | " for (var i in nodelist) {\n",
340 | " if (nodelist.hasOwnProperty(i)) {\n",
341 | " scripts.push(nodelist[i])\n",
342 | " }\n",
343 | " }\n",
344 | "\n",
345 | " scripts.forEach( function (oldScript) {\n",
346 | " var newScript = document.createElement(\"script\");\n",
347 | " var attrs = [];\n",
348 | " var nodemap = oldScript.attributes;\n",
349 | " for (var j in nodemap) {\n",
350 | " if (nodemap.hasOwnProperty(j)) {\n",
351 | " attrs.push(nodemap[j])\n",
352 | " }\n",
353 | " }\n",
354 | " attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n",
355 | " newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n",
356 | " oldScript.parentNode.replaceChild(newScript, oldScript);\n",
357 | " });\n",
358 | " if (JS_MIME_TYPE in output.data) {\n",
359 | " toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n",
360 | " }\n",
361 | " output_area._hv_plot_id = id;\n",
362 | " if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n",
363 | " window.PyViz.plot_index[id] = Bokeh.index[id];\n",
364 | " } else {\n",
365 | " window.PyViz.plot_index[id] = null;\n",
366 | " }\n",
367 | " } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n",
368 | " var bk_div = document.createElement(\"div\");\n",
369 | " bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n",
370 | " var script_attrs = bk_div.children[0].attributes;\n",
371 | " for (var i = 0; i < script_attrs.length; i++) {\n",
372 | " toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n",
373 | " }\n",
374 | " // store reference to server id on output_area\n",
375 | " output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n",
376 | " }\n",
377 | "}\n",
378 | "\n",
379 | "/**\n",
380 | " * Handle when an output is cleared or removed\n",
381 | " */\n",
382 | "function handle_clear_output(event, handle) {\n",
383 | " var id = handle.cell.output_area._hv_plot_id;\n",
384 | " var server_id = handle.cell.output_area._bokeh_server_id;\n",
385 | " if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n",
386 | " var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n",
387 | " if (server_id !== null) {\n",
388 | " comm.send({event_type: 'server_delete', 'id': server_id});\n",
389 | " return;\n",
390 | " } else if (comm !== null) {\n",
391 | " comm.send({event_type: 'delete', 'id': id});\n",
392 | " }\n",
393 | " delete PyViz.plot_index[id];\n",
394 | " if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n",
395 | " var doc = window.Bokeh.index[id].model.document\n",
396 | " doc.clear();\n",
397 | " const i = window.Bokeh.documents.indexOf(doc);\n",
398 | " if (i > -1) {\n",
399 | " window.Bokeh.documents.splice(i, 1);\n",
400 | " }\n",
401 | " }\n",
402 | "}\n",
403 | "\n",
404 | "/**\n",
405 | " * Handle kernel restart event\n",
406 | " */\n",
407 | "function handle_kernel_cleanup(event, handle) {\n",
408 | " delete PyViz.comms[\"hv-extension-comm\"];\n",
409 | " window.PyViz.plot_index = {}\n",
410 | "}\n",
411 | "\n",
412 | "/**\n",
413 | " * Handle update_display_data messages\n",
414 | " */\n",
415 | "function handle_update_output(event, handle) {\n",
416 | " handle_clear_output(event, {cell: {output_area: handle.output_area}})\n",
417 | " handle_add_output(event, handle)\n",
418 | "}\n",
419 | "\n",
420 | "function register_renderer(events, OutputArea) {\n",
421 | " function append_mime(data, metadata, element) {\n",
422 | " // create a DOM node to render to\n",
423 | " var toinsert = this.create_output_subarea(\n",
424 | " metadata,\n",
425 | " CLASS_NAME,\n",
426 | " EXEC_MIME_TYPE\n",
427 | " );\n",
428 | " this.keyboard_manager.register_events(toinsert);\n",
429 | " // Render to node\n",
430 | " var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n",
431 | " render(props, toinsert[0]);\n",
432 | " element.append(toinsert);\n",
433 | " return toinsert\n",
434 | " }\n",
435 | "\n",
436 | " events.on('output_added.OutputArea', handle_add_output);\n",
437 | " events.on('output_updated.OutputArea', handle_update_output);\n",
438 | " events.on('clear_output.CodeCell', handle_clear_output);\n",
439 | " events.on('delete.Cell', handle_clear_output);\n",
440 | " events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n",
441 | "\n",
442 | " OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n",
443 | " safe: true,\n",
444 | " index: 0\n",
445 | " });\n",
446 | "}\n",
447 | "\n",
448 | "if (window.Jupyter !== undefined) {\n",
449 | " try {\n",
450 | " var events = require('base/js/events');\n",
451 | " var OutputArea = require('notebook/js/outputarea').OutputArea;\n",
452 | " if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n",
453 | " register_renderer(events, OutputArea);\n",
454 | " }\n",
455 | " } catch(err) {\n",
456 | " }\n",
457 | "}\n"
458 | ],
459 | "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"
460 | },
461 | "metadata": {},
462 | "output_type": "display_data"
463 | },
464 | {
465 | "data": {},
466 | "metadata": {},
467 | "output_type": "display_data"
468 | },
469 | {
470 | "data": {
471 | "application/vnd.holoviews_exec.v0+json": "",
472 | "text/html": [
473 | "