Spaces:

awesome-panel
/

caching_example

Running

App Files Files Community

MarcSkovMadsen commited on Jan 7

Commit

e01fd27

•

1 Parent(s): be34ea2

Upload 4 files

Browse files

Files changed (4) hide show

README.md +17 -5
index.html +196 -18
index.js +215 -0
index.py +110 -0

README.md CHANGED Viewed

@@ -1,11 +1,23 @@
 ---
-title: Caching Example
-emoji: 🦀
-colorFrom: yellow
-colorTo: yellow
 sdk: static
 pinned: false
 license: mit
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: Bootstrap Dashboard
+emoji: 📈
+colorFrom: indigo
+colorTo: pink
 sdk: static
 pinned: false
 license: mit
 ---
+See [bootstrap_dashboard](https://awesome-panel.org/resources/bootstrap_dashboard/) by [awesome-panel.org](https://awesome-panel.org) for more info.
+## Serve
+```python
+panel serve index.py --autoreload
+```
+## Convert to Pyodide
+```bash
+panel convert index.py --to pyodide-worker
+```

index.html CHANGED Viewed

@@ -1,19 +1,197 @@
 <!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

 <!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Panel Application</title>
+    <style>
+      html, body {
+        box-sizing: border-box;
+        display: flow-root;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+    </style>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" type="text/css" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" type="text/css" />
+<style type="text/css">
+:host(.pn-loading),
+.pn-loading {
+  overflow: hidden;
+}
+:host(.pn-loading):before,
+.pn-loading:before {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  content: '';
+  z-index: 1000;
+  background-color: rgb(255, 255, 255, 0.5);
+  border-color: lightgray;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: auto 50%;
+  border-width: 1px;
+  cursor: progress;
+}
+:host(.pn-loading) .pn-loading-msg,
+.pn-loading .pn-loading-msg {
+  position: absolute;
+  top: 72%;
+  font-size: 2em;
+  color: black;
+  width: 100%;
+  text-align: center;
+}
+:host(.pn-loading.pn-arc):before, .pn-loading.pn-arc:before {
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=");
+  background-size: auto calc(min(50%, 400px));
+}
+</style><script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-3.3.2.min.js"></script>
+<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-gl-3.3.2.min.js"></script>
+<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.3.2.min.js"></script>
+<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-3.3.2.min.js"></script>
+<script type="text/javascript" src="https://cdn.holoviz.org/panel/1.3.6/dist/bundled/material-components-web@7.0.0/dist/material-components-web.min.js"></script>
+<script type="text/javascript" src="https://cdn.holoviz.org/panel/1.3.6/dist/panel.min.js"></script>
+<script type="text/javascript">
+  Bokeh.set_log_level("info");
+</script>  </head>
+  <body class="pn-loading pn-arc">
+    <div id="fa274ef9-7f7c-4f2c-af20-4ae6c40d71b9" data-root-id="p1002" style="display: contents;"></div>
+  <div id="c367c845-48f8-45d5-b513-e489cdcd5ad5" data-root-id="p1031" style="display: contents;"></div>
+  <div id="ae42b629-5425-4abc-9277-8eeb6eab6e9a" data-root-id="p1032" style="display: contents;"></div>
+    <script type="text/javascript">
+      const pyodideWorker = new Worker("./index.js");
+      pyodideWorker.busy = false
+      pyodideWorker.queue = []
+      function send_change(jsdoc, event) {
+        if (event.setter_id != null && event.setter_id == 'py') {
+          return
+        } else if (pyodideWorker.busy && event.model && event.attr) {
+          let events = []
+          for (const old_event of pyodideWorker.queue) {
+            if (!(old_event.model === event.model && old_event.attr === event.attr)) {
+              events.push(old_event)
+            }
+          }
+          events.push(event)
+          pyodideWorker.queue = events
+          return
+        }
+        const patch = jsdoc.create_json_patch([event])
+        pyodideWorker.busy = true
+        pyodideWorker.postMessage({type: 'patch', patch: patch})
+      }
+      pyodideWorker.onmessage = async (event) => {
+        const msg = event.data
+        const body = document.getElementsByTagName('body')[0]
+        const loading_msgs = document.getElementsByClassName('pn-loading-msg')
+        if (msg.type === 'idle') {
+          if (pyodideWorker.queue.length) {
+            const patch = pyodideWorker.jsdoc.create_json_patch(pyodideWorker.queue)
+            pyodideWorker.busy = true
+            pyodideWorker.queue = []
+            pyodideWorker.postMessage({type: 'patch', patch: patch})
+          } else {
+            pyodideWorker.busy = false
+          }
+        } else if (msg.type === 'status') {
+          let loading_msg
+          if (loading_msgs.length) {
+            loading_msg = loading_msgs[0]
+          } else if (body.classList.contains('pn-loading')) {
+            loading_msg = document.createElement('div')
+            loading_msg.classList.add('pn-loading-msg')
+            body.appendChild(loading_msg)
+          }
+          if (loading_msg != null) {
+            loading_msg.innerHTML = msg.msg
+          }
+        } else if (msg.type === 'render') {
+          const docs_json = JSON.parse(msg.docs_json)
+          const render_items = JSON.parse(msg.render_items)
+          const root_ids = JSON.parse(msg.root_ids)
+          // Remap roots in message to element IDs
+          const root_els = document.querySelectorAll('[data-root-id]')
+          const data_roots = []
+          for (const el of root_els) {
+             el.innerHTML = ''
+             data_roots.push([el.getAttribute('data-root-id'), el.id])
+          }
+          data_roots.sort((a, b) => a[0]<b[0] ? -1: 1)
+          const roots = {}
+          for (let i=0; i<data_roots.length; i++) {
+            roots[root_ids[i]] = data_roots[i][1]
+          }
+          render_items[0]['roots'] = roots
+          render_items[0]['root_ids'] = root_ids
+          // Embed content
+          const [views] = await Bokeh.embed.embed_items(docs_json, render_items)
+          // Remove loading spinner and message
+          body.classList.remove("pn-loading", "arc")
+          for (const loading_msg of loading_msgs) {
+            loading_msg.remove()
+          }
+          // Setup bi-directional syncing
+          pyodideWorker.jsdoc = jsdoc = [...views.roots.values()][0].model.document
+          jsdoc.on_change(send_change.bind(null, jsdoc), false)
+          pyodideWorker.postMessage({'type': 'rendered'})
+          pyodideWorker.postMessage({'type': 'location', location: JSON.stringify(window.location)})
+        } else if (msg.type === 'patch') {
+          pyodideWorker.jsdoc.apply_json_patch(msg.patch, msg.buffers, setter_id='py')
+        }
+      };
+    </script>
+    <script type="application/json" id="p1096">
+      {"51689a96-5032-4772-be79-93e65dccfbbb":{"version":"3.3.2","title":"Panel Application","roots":[{"type":"object","name":"panel.models.layout.Column","id":"p1002","attributes":{"name":"Column00867","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":"p1007","attributes":{"url":"https://cdn.holoviz.org/panel/1.3.6/dist/css/loading.css"}},{"type":"object","name":"ImportedStyleSheet","id":"p1025","attributes":{"url":"https://cdn.holoviz.org/panel/1.3.6/dist/css/listpanel.css"}},{"type":"object","name":"ImportedStyleSheet","id":"p1003","attributes":{"url":"https://cdn.jsdelivr.net/npm/material-components-web@7.0.0/dist/material-components-web.min.css"}},{"type":"object","name":"ImportedStyleSheet","id":"p1004","attributes":{"url":"https://cdn.holoviz.org/panel/1.3.6/dist/bundled/theme/default.css"}},{"type":"object","name":"ImportedStyleSheet","id":"p1005","attributes":{"url":"https://cdn.holoviz.org/panel/1.3.6/dist/bundled/theme/material_variables.css"}},{"type":"object","name":"ImportedStyleSheet","id":"p1006","attributes":{"url":"https://cdn.holoviz.org/panel/1.3.6/dist/bundled/theme/material.css"}}],"min_width":300,"margin":0,"sizing_mode":"stretch_width","align":"start","children":[{"type":"object","name":"panel.models.markup.HTML","id":"p1009","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":"p1007"},{"type":"object","name":"ImportedStyleSheet","id":"p1008","attributes":{"url":"https://cdn.holoviz.org/panel/1.3.6/dist/css/markdown.css"}},{"id":"p1003"},{"id":"p1004"},{"id":"p1005"},{"id":"p1006"}],"margin":[5,10],"sizing_mode":"stretch_width","align":"start","text":"&amp;lt;h1 id=&amp;quot;speed-up-slow-functions-with-caching&amp;quot;&amp;gt;Speed up slow functions with caching &amp;lt;a class=&amp;quot;header-anchor&amp;quot; href=&amp;quot;#speed-up-slow-functions-with-caching&amp;quot;&amp;gt;\u00b6&amp;lt;/a&amp;gt;&amp;lt;/h1&amp;gt;\n"}},{"type":"object","name":"Slider","id":"p1011","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":"p1007"},{"id":"p1003"},{"id":"p1004"},{"id":"p1005"},{"id":"p1006"}],"margin":[5,10],"align":"start","title":"Fraction of data","start":0.1,"end":1.0,"value":0.1,"step":0.1}},{"type":"object","name":"Div","id":"p1013","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":"p1007"},{"id":"p1003"},{"id":"p1004"},{"id":"p1005"},{"id":"p1006"}],"margin":[5,10],"align":"start","text":"&lt;b&gt;Time to create plot&lt;/b&gt;: 1.0674 seconds"}},{"type":"object","name":"Checkbox","id":"p1015","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":"p1007"},{"id":"p1003"},{"id":"p1004"},{"id":"p1005"},{"id":"p1006"}],"margin":[5,10],"align":"start","label":"Use Cache"}},{"type":"object","name":"Figure","id":"p1040","attributes":{"width":700,"height":300,"min_height":500,"margin":[5,10],"sizing_mode":"stretch_both","align":"start","x_range":{"type":"object","name":"Range1d","id":"p1033","attributes":{"tags":[[["time","time",null]],[]],"start":1577836920000.0,"end":1577922900000.0,"reset_start":1577836920000.0,"reset_end":1577922900000.0}},"y_range":{"type":"object","name":"Range1d","id":"p1034","attributes":{"tags":[[["price","price",null]],{"type":"map","entries":[["invert_yaxis",false],["autorange",false]]}],"start":95.31531063143329,"end":101.09907085910173,"reset_start":95.31531063143329,"reset_end":101.09907085910173}},"x_scale":{"type":"object","name":"LinearScale","id":"p1050"},"y_scale":{"type":"object","name":"LinearScale","id":"p1051"},"title":{"type":"object","name":"Title","id":"p1043","attributes":{"text_font":"Roboto, sans-serif, Verdana","text_font_size":"1.15em"}},"renderers":[{"type":"object","name":"GlyphRenderer","id":"p1092","attributes":{"data_source":{"type":"object","name":"ColumnDataSource","id":"p1083","attributes":{"selected":{"type":"object","name":"Selection","id":"p1084","attributes":{"indices":[],"line_indices":[]}},"selection_policy":{"type":"object","name":"UnionRenderers","id":"p1085"},"data":{"type":"map","entries":[["time",{"type":"ndarray","array":{"type":"bytes","data":"AADMi+b1dkIAAL635vV2QgAAlDvn9XZCAABAQ+j1dkIAACSb6PV2QgAAYuTo9XZCAABUEOn1dkIAAN526fV2QgAAYALr9XZCAACsH+v1dkIAAIKj6/V2QgAA8GHs9XZCAADijez1dkIAAHrI7PV2QgAAXiDt9XZCAACAwe31dkIAAPxT7vV2QgAAhrru9XZCAAAsye71dkIAAMQD7/V2QgAAqFvv9XZCAABOau/1dkIAAJqH7/V2QgAAJO7v9XZCAADK/O/1dkIAAHAL8PV2QgAAbiny9XZCAACQyvL1dkIAAAxd8/V2QgAA9q309XZCAACitfX1dkIAAMRW9vV2QgAAXJH29XZCAACa2vb1dkIAAIwG9/V2QgAAOA749XZCAABgqPn1dkIAAHR1+vV2QgAAGoT69XZCAAA8Jfv1dkIAAIhC+/V2QgAAbJr79XZCAADoLPz1dkIAAPz5/PV2QgAAogj99XZCAACUNP31dkIAAE4Q/vV2QgAAMmj+9XZCAADYdv71dkIAAK76/vV2QgAA8FoC9nZCAADihgL2dkIAAPZTA/Z2QgAAjo4D9nZCAAD8TAT2dkIAAOCkBPZ2QgAAjKwF9nZCAAAk5wX2dkIAAHAEBvZ2QgAAhNEG9nZCAAAq4Ab2dkIAAGgpB/Z2QgAAWlUH9nZCAACsawj2dkIAAMA4CfZ2QgAAZkcJ9nZCAABsQAr2dkIAAPamCvZ2QgAANPAK9nZCAAAYSAv2dkIAAO7LC/Z2QgAAtnsM9nZCAAD0xAz2dkIAAIz/DPZ2QgAAOAcO9nZCAAAcXw72dkIAAMJtDvZ2QgAAtJkO9nZCAACsvg/2dkIAABDAE/Z2QgAAQDUU9nZCAAB+fhT2dkIAAMqbFPZ2QgAAcKoU9nZCAACEdxX2dkIAAA7eFfZ2QgAAFNcW9nZCAABETBf2dkIAADZ4F/Z2QgAA1KsY9nZCAABCahn2dkIAAMzQGfZ2QgAAct8Z9nZCAACUgBr2dkIAAHzvHfZ2QgAA+IEe9nZCAACQvB72dkIAACj3HvZ2QgAA8KYf9nZCAACI4R/2dkIAAI7aIPZ2QgAAvk8h9nZCAAA64iH2dkIAACQzI/Z2QgAAFl8j9nZCAACEHST2dkIAAGh1JPZ2QgAAZpMm9nZCAADoHij2dkIAAL6iKPZ2QgAAVt0o9nZCAACGUin2dkIAACSGKvZ2QgAAkkQr9nZCAADeYSv2dkIAAHacK/Z2QgAAPGou9nZCAADUpC72dkIAAMbQLvZ2QgAAVjAw9nZCAAD8PjD2dkIAAEhcMPZ2QgAA7mow9nZCAAAstDD2dkIAAKhGMfZ2QgAAjJ4x9nZCAADK5zH2dkIAAAgxMvZ2QgAAVE4y9nZCAAAOKjP2dkIAAJ6JNPZ2QgAARJg09nZCAACC4TT2dkIAAGY5NfZ2QgAA/nM19nZCAADwnzX2dkIAABJBNvZ2QgAABG029nZCAABQijb2dkIAAGRXN/Z2QgAAsHQ39nZCAADg6Tf2dkIAACwHOPZ2QgAAAos49nZC"},"shape":[144],"dtype":"float64","order":"little"}],["price",{"type":"ndarray","array":{"type":"bytes","data":"KCJCVeMBWECvZ4deRn5YQN2Cnb+oRVhAu5cE8WdGWEAx4AAUsLxYQCaHv11silhAqNeYw9zVWEBh3YTlEbpYQLqaNUEca1hAhlP4MGmgWEBN7SsRXbpYQBmPlY09DllA1WNsyZ1sWED/eSqH8WpYQIZ+B9wXYVhAsgTJqXRpWEAzYrZYsW1YQGY3KB7UIVhADMxQsEeRWEBRRpEEo7VYQMMAvgdDUVhASE5axUaHWEDj+tow631YQM191aWkf1hAya3xbIZbWEDeYUmJgihYQKaYUgG0y1hA3MHEn1Z0WEAMlKA8uf9YQLpp8qzYqVhA4wXchxZNWEAgx7iqXe1YQFxRYzpB31hAY4f3eqpDWECT8BVEAH9YQI8dmG+zhVhAtqABXKecWEAIsxfGf3RYQF6VEB39i1hApQGphqUvWEAuIRaX265YQFmjvBpsblhAKC3zJEjVWEBxYZ/Pu7tYQFlYOxu7UlhA8zZeQRumWEDTkoj3q7JYQOJEtrsgqVhAz8VzbfafWEBY7Xd6+JBYQK9XaBO4jVhArEoMqcL8WEDL8awj0oVYQJvpV+zfZ1hAhzldzwbzV0CAUuiop3VYQLmSa1nSZFhADerLm1+SWEBgpkFV8ZVYQA1vtPPj21hAldsbkH1/WEDbiwwXFItYQOini1pkR1hAE0GUan4nWUDBNXlKeyxYQOdVKmkpoVhABh9mHaNxWECqweaN8KVYQCfltiF5SVhA3+XKrhRZWECAwsLcVjxYQHm+06P59VhAa26EmON+WEAOzhOMD7FYQHrCVS0el1hAeEJXD4GtWECrkyHuQ49YQF/RnxQFvFhAbkwiDZuyWEDlEl5JiLRYQM5gNIoph1hACzffT2K9WEDcLvbASbdYQJlwLPIXeVhA+17kgZJkWEBKX8c1DeNYQNNYqFyCdVhAtDU5g9JfWEC5DC4lVnxYQDWIx4iz9VdAxwKR+0GGWEA5IbhZX8VYQE5hoLVFrVhAZsx2VglzWECSNUlcBVxYQLDgebQGM1hALdPo/zefWEBcNF0h+5xYQHbzhm/7dlhA8HrCvY18WEAcO4vPTqlYQPe5d0MeC1hAta3laNQTWED5cmneuqtYQA4Hlz0wC1lAC5JWKLLRWEBCyznR4sRYQAqyD2fJtFhAa2GC2qChWEAVZGsO4IZYQMrVY/nihlhAOZR26/ZbWEAUdtSQjbVYQP/wWlZqWVhAiRhBM62/WECjEhrCDIpYQOz6t8nM/VhADzwExllLWEB5cVzZN8NYQLXbrDZDm1hAX0P4dv8KWUCWCmegD1lYQGen4KSQllhAh53j1YyxWEDTvcnjNqNYQEAqUCddfVhAkmx5Ddm0WEDKoazbfM5YQI5BmYj8jVhAihooxNLMWED2D4nO1FhYQD24PfsNdFhAnZNsk03bWEAUjI8s8rRYQNBKYlldhVhAinYJkQ5uWEDwoykXVJRYQNccG/ywnFhAZoe2aXhtWECLplUNIn1YQCpixIvou1hAcvy0JKyAWEBdmfJM/gpYQDAqPKyQOlhA"},"shape":[144],"dtype":"float64","order":"little"}]]}}},"view":{"type":"object","name":"CDSView","id":"p1093","attributes":{"filter":{"type":"object","name":"AllIndices","id":"p1094"}}},"glyph":{"type":"object","name":"Line","id":"p1089","attributes":{"tags":["apply_ranges"],"x":{"type":"field","field":"time"},"y":{"type":"field","field":"price"},"line_color":"#1f77b4","line_width":2}},"selection_glyph":{"type":"object","name":"Line","id":"p1095","attributes":{"tags":["apply_ranges"],"x":{"type":"field","field":"time"},"y":{"type":"field","field":"price"},"line_color":"#1f77b4","line_width":2}},"nonselection_glyph":{"type":"object","name":"Line","id":"p1090","attributes":{"tags":["apply_ranges"],"x":{"type":"field","field":"time"},"y":{"type":"field","field":"price"},"line_color":"#1f77b4","line_alpha":0.1,"line_width":2}},"muted_glyph":{"type":"object","name":"Line","id":"p1091","attributes":{"tags":["apply_ranges"],"x":{"type":"field","field":"time"},"y":{"type":"field","field":"price"},"line_color":"#1f77b4","line_alpha":0.2,"line_width":2}}}}],"toolbar":{"type":"object","name":"Toolbar","id":"p1049","attributes":{"tools":[{"type":"object","name":"WheelZoomTool","id":"p1038","attributes":{"tags":["hv_created"],"renderers":"auto","zoom_together":"none"}},{"type":"object","name":"HoverTool","id":"p1039","attributes":{"tags":["hv_created"],"renderers":[{"id":"p1092"}],"tooltips":[["time","@{time}{%F %T}"],["price","@{price}"]],"formatters":{"type":"map","entries":[["@{time}","datetime"]]}}},{"type":"object","name":"SaveTool","id":"p1074"},{"type":"object","name":"PanTool","id":"p1075"},{"type":"object","name":"BoxZoomTool","id":"p1076","attributes":{"overlay":{"type":"object","name":"BoxAnnotation","id":"p1077","attributes":{"syncable":false,"level":"overlay","visible":false,"left":{"type":"number","value":"nan"},"right":{"type":"number","value":"nan"},"top":{"type":"number","value":"nan"},"bottom":{"type":"number","value":"nan"},"left_units":"canvas","right_units":"canvas","top_units":"canvas","bottom_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":"p1082"}],"active_drag":{"id":"p1075"},"active_scroll":{"id":"p1038"}}},"left":[{"type":"object","name":"LinearAxis","id":"p1069","attributes":{"ticker":{"type":"object","name":"BasicTicker","id":"p1070","attributes":{"mantissas":[1,2,5]}},"formatter":{"type":"object","name":"BasicTickFormatter","id":"p1071"},"axis_label":"price","axis_label_standoff":10,"axis_label_text_font":"Roboto, sans-serif, Verdana","axis_label_text_font_size":"1.25em","axis_label_text_font_style":"normal","major_label_policy":{"type":"object","name":"AllLabels","id":"p1072"},"major_label_text_font":"Roboto, sans-serif, Verdana","major_label_text_font_size":"1.025em"}}],"below":[{"type":"object","name":"DatetimeAxis","id":"p1052","attributes":{"ticker":{"type":"object","name":"DatetimeTicker","id":"p1053","attributes":{"num_minor_ticks":5,"tickers":[{"type":"object","name":"AdaptiveTicker","id":"p1054","attributes":{"num_minor_ticks":0,"mantissas":[1,2,5],"max_interval":500.0}},{"type":"object","name":"AdaptiveTicker","id":"p1055","attributes":{"num_minor_ticks":0,"base":60,"mantissas":[1,2,5,10,15,20,30],"min_interval":1000.0,"max_interval":1800000.0}},{"type":"object","name":"AdaptiveTicker","id":"p1056","attributes":{"num_minor_ticks":0,"base":24,"mantissas":[1,2,4,6,8,12],"min_interval":3600000.0,"max_interval":43200000.0}},{"type":"object","name":"DaysTicker","id":"p1057","attributes":{"days":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31]}},{"type":"object","name":"DaysTicker","id":"p1058","attributes":{"days":[1,4,7,10,13,16,19,22,25,28]}},{"type":"object","name":"DaysTicker","id":"p1059","attributes":{"days":[1,8,15,22]}},{"type":"object","name":"DaysTicker","id":"p1060","attributes":{"days":[1,15]}},{"type":"object","name":"MonthsTicker","id":"p1061","attributes":{"months":[0,1,2,3,4,5,6,7,8,9,10,11]}},{"type":"object","name":"MonthsTicker","id":"p1062","attributes":{"months":[0,2,4,6,8,10]}},{"type":"object","name":"MonthsTicker","id":"p1063","attributes":{"months":[0,4,8]}},{"type":"object","name":"MonthsTicker","id":"p1064","attributes":{"months":[0,6]}},{"type":"object","name":"YearsTicker","id":"p1065"}]}},"formatter":{"type":"object","name":"DatetimeTickFormatter","id":"p1066"},"axis_label":"time","axis_label_standoff":10,"axis_label_text_font":"Roboto, sans-serif, Verdana","axis_label_text_font_size":"1.25em","axis_label_text_font_style":"normal","major_label_policy":{"type":"object","name":"AllLabels","id":"p1067"},"major_label_text_font":"Roboto, sans-serif, Verdana","major_label_text_font_size":"1.025em"}}],"center":[{"type":"object","name":"Grid","id":"p1068","attributes":{"axis":{"id":"p1052"},"grid_line_color":null}},{"type":"object","name":"Grid","id":"p1073","attributes":{"dimension":1,"axis":{"id":"p1069"},"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":"Row","id":"p1017","attributes":{"name":"Row00866","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":"p1007"},{"id":"p1025"},{"id":"p1003"},{"id":"p1004"},{"id":"p1005"},{"id":"p1006"}],"margin":0,"align":"start","children":[{"type":"object","name":"panel.models.widgets.Button","id":"p1020","attributes":{"button_type":"primary","subscribed_events":{"type":"set","entries":["button_click"]},"css_classes":["solid"],"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":"p1007"},{"type":"object","name":"ImportedStyleSheet","id":"p1019","attributes":{"url":"https://cdn.holoviz.org/panel/1.3.6/dist/css/button.css"}},{"id":"p1003"},{"id":"p1004"},{"id":"p1005"},{"id":"p1006"}],"disabled":true,"margin":[5,10],"align":"start","label":"Preload Cache"}},{"type":"object","name":"panel.models.widgets.Button","id":"p1023","attributes":{"subscribed_events":{"type":"set","entries":["button_click"]},"css_classes":["solid"],"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":"p1007"},{"id":"p1019"},{"id":"p1003"},{"id":"p1004"},{"id":"p1005"},{"id":"p1006"}],"disabled":true,"margin":[5,10],"align":"start","label":"Clear Cache"}}]}},{"type":"object","name":"panel.models.widgets.Progress","id":"p1028","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":"p1007"},{"type":"object","name":"ImportedStyleSheet","id":"p1027","attributes":{"url":"https://cdn.holoviz.org/panel/1.3.6/dist/css/progress.css"}},{"id":"p1003"},{"id":"p1004"},{"id":"p1005"},{"id":"p1006"}],"disabled":true,"width":300,"margin":[5,10],"sizing_mode":"stretch_width","align":"start","active":false,"bar_color":"success","value":0}}]}},{"type":"object","name":"panel.models.location.Location","id":"p1031","attributes":{"name":"location","reload":false}},{"type":"object","name":"panel.models.browser.BrowserInfo","id":"p1032","attributes":{"name":"browser_info"}}],"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":"copy_to_clipboard1","properties":[{"name":"fill","kind":"Any","default":"none"},{"name":"value","kind":"Any","default":null}]},{"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}]}]}}
+    </script>
+    <script type="text/javascript">
+      (function() {
+        const fn = function() {
+          Bokeh.safely(function() {
+            (function(root) {
+              function embed_document(root) {
+              const docs_json = document.getElementById('p1096').textContent;
+              const render_items = [{"docid":"51689a96-5032-4772-be79-93e65dccfbbb","roots":{"p1002":"fa274ef9-7f7c-4f2c-af20-4ae6c40d71b9","p1031":"c367c845-48f8-45d5-b513-e489cdcd5ad5","p1032":"ae42b629-5425-4abc-9277-8eeb6eab6e9a"},"root_ids":["p1002","p1031","p1032"]}];
+              root.Bokeh.embed.embed_items(docs_json, render_items);
+              }
+              if (root.Bokeh !== undefined) {
+                embed_document(root);
+              } else {
+                let attempts = 0;
+                const timer = setInterval(function(root) {
+                  if (root.Bokeh !== undefined) {
+                    clearInterval(timer);
+                    embed_document(root);
+                  } else {
+                    attempts++;
+                    if (attempts > 100) {
+                      clearInterval(timer);
+                      console.log("Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing");
+                    }
+                  }
+                }, 10, root)
+              }
+            })(window);
+          });
+        };
+        if (document.readyState != "loading") fn();
+        else document.addEventListener("DOMContentLoaded", fn);
+      })();
+    </script>
+  </body>
+</html>

index.js ADDED Viewed

	@@ -0,0 +1,215 @@

+importScripts("https://cdn.jsdelivr.net/pyodide/v0.24.1/full/pyodide.js");
+function sendPatch(patch, buffers, msg_id) {
+  self.postMessage({
+    type: 'patch',
+    patch: patch,
+    buffers: buffers
+  })
+}
+async function startApplication() {
+  console.log("Loading pyodide!");
+  self.postMessage({type: 'status', msg: 'Loading pyodide'})
+  self.pyodide = await loadPyodide();
+  self.pyodide.globals.set("sendPatch", sendPatch);
+  console.log("Loaded!");
+  await self.pyodide.loadPackage("micropip");
+  const env_spec = ['https://cdn.holoviz.org/panel/wheels/bokeh-3.3.2-py3-none-any.whl', 'https://cdn.holoviz.org/panel/1.3.6/dist/wheels/panel-1.3.6-py3-none-any.whl', 'pyodide-http==0.2.1', 'hvplot', 'numpy', 'pandas']
+  for (const pkg of env_spec) {
+    let pkg_name;
+    if (pkg.endsWith('.whl')) {
+      pkg_name = pkg.split('/').slice(-1)[0].split('-')[0]
+    } else {
+      pkg_name = pkg
+    }
+    self.postMessage({type: 'status', msg: `Installing ${pkg_name}`})
+    try {
+      await self.pyodide.runPythonAsync(`
+        import micropip
+        await micropip.install('${pkg}');
+      `);
+    } catch(e) {
+      console.log(e)
+      self.postMessage({
+	type: 'status',
+	msg: `Error while installing ${pkg_name}`
+      });
+    }
+  }
+  console.log("Packages loaded!");
+  self.postMessage({type: 'status', msg: 'Executing code'})
+  const code = `
+import asyncio
+from panel.io.pyodide import init_doc, write_doc
+init_doc()
+"""
+# Caching Example
+See https://awesome-panel.org/resources/caching_example
+"""
+import time
+import hvplot.pandas  # pylint: disable=unused-import
+import numpy as np
+import pandas as pd
+import panel as pn
+pn.extension(design="material")
+ACCENT_COLOR = "#1f77b4"
+np.random.seed([3, 1415])
+PERIODS = 1 * 24 * 60  # minutes. I.e. 1 days
+DATA = pd.DataFrame(
+    {
+        "time": pd.date_range("2020-01-01", periods=PERIODS, freq="T"),
+        "price": np.random.randn(PERIODS) + 98,
+    }
+)
+def _load_data(frac=0.1):
+    time.sleep(0.5 + frac * 0.5)
+    return DATA.sample(frac=frac)
+def _plot_data(frac=0.1):
+    time.sleep(0.5)
+    data = _load_data(frac)
+    return data.hvplot(x="time", y="price")
+@pn.cache(per_session=True, ttl=60*60*24)
+def _plot_data_cached(frac):
+    return _plot_data(frac)
+# Create Widgets
+fraction = pn.widgets.FloatSlider(value=0.1, start=0.1, end=1.0, step=0.1, name="Fraction of data")
+duration = pn.widgets.StaticText(value="", name="Time to create plot")
+use_cache = pn.widgets.Checkbox(value=False, name="Use Cache")
+preload_cache = pn.widgets.Button(name="Preload Cache", button_type="primary", disabled=True)
+clear_cache = pn.widgets.Button(name="Clear Cache", disabled=True)
+preload_progress = pn.widgets.Progress(
+    name="Progress", active=False, value=0, max=100, sizing_mode="stretch_width", disabled=True
+)
+plot_panel = pn.pane.HoloViews(min_height=500, sizing_mode="stretch_both")
+# Setup interactivity
+def _clear_cache(*_):
+    _plot_data_cached.clear()
+clear_cache.on_click(_clear_cache)
+def _preload_cache(*_):
+    for index in range(0, 11, 1):
+        frac_ = round(index / 10, 1)
+        preload_progress.value = int(frac_ * 100)
+        _plot_data_cached(frac_)
+    preload_progress.value = 0
+preload_cache.on_click(_preload_cache)
+@pn.depends(frac=fraction, watch=True)
+def _update_plot(frac):
+    start_counter = time.perf_counter()
+    frac = round(frac, 1)
+    if use_cache.value:
+        plot = _plot_data_cached(frac)
+    else:
+        plot = _plot_data(frac)
+    end_counter = time.perf_counter()
+    duration.value = str(round(end_counter - start_counter, 4)) + " seconds"
+    # Please note DiskCache does not cache the options
+    plot.opts(color=ACCENT_COLOR, responsive=True)
+    plot_panel.object = plot
+@pn.depends(use_cache=use_cache, watch=True)
+def _update_cache_widgets(use_cache):  # pylint: disable=redefined-outer-name
+    disabled = not use_cache
+    preload_cache.disabled = disabled
+    clear_cache.disabled = disabled
+    preload_progress.disabled = disabled
+# Layout the app
+pn.Column(
+    pn.pane.Markdown(
+        "# Speed up slow functions with caching", sizing_mode="stretch_width"
+    ),
+    fraction,
+    duration,
+    use_cache,
+    plot_panel,
+    pn.Row(preload_cache, clear_cache,),
+    preload_progress,
+).servable()
+pn.state.onload(lambda: fraction.param.trigger("value"))
+await write_doc()
+  `
+  try {
+    const [docs_json, render_items, root_ids] = await self.pyodide.runPythonAsync(code)
+    self.postMessage({
+      type: 'render',
+      docs_json: docs_json,
+      render_items: render_items,
+      root_ids: root_ids
+    })
+  } catch(e) {
+    const traceback = `${e}`
+    const tblines = traceback.split('\n')
+    self.postMessage({
+      type: 'status',
+      msg: tblines[tblines.length-2]
+    });
+    throw e
+  }
+}
+self.onmessage = async (event) => {
+  const msg = event.data
+  if (msg.type === 'rendered') {
+    self.pyodide.runPythonAsync(`
+    from panel.io.state import state
+    from panel.io.pyodide import _link_docs_worker
+    _link_docs_worker(state.curdoc, sendPatch, setter='js')
+    `)
+  } else if (msg.type === 'patch') {
+    self.pyodide.globals.set('patch', msg.patch)
+    self.pyodide.runPythonAsync(`
+    state.curdoc.apply_json_patch(patch.to_py(), setter='js')
+    `)
+    self.postMessage({type: 'idle'})
+  } else if (msg.type === 'location') {
+    self.pyodide.globals.set('location', msg.location)
+    self.pyodide.runPythonAsync(`
+    import json
+    from panel.io.state import state
+    from panel.util import edit_readonly
+    if state.location:
+        loc_data = json.loads(location)
+        with edit_readonly(state.location):
+            state.location.param.update({
+                k: v for k, v in loc_data.items() if k in state.location.param
+            })
+    `)
+  }
+}
+startApplication()

index.py ADDED Viewed

	@@ -0,0 +1,110 @@

+"""
+# Caching Example
+See https://awesome-panel.org/resources/caching_example
+"""
+import time
+import hvplot.pandas  # pylint: disable=unused-import
+import numpy as np
+import pandas as pd
+import panel as pn
+pn.extension(design="material")
+ACCENT_COLOR = "#1f77b4"
+np.random.seed([3, 1415])
+PERIODS = 1 * 24 * 60  # minutes. I.e. 1 days
+DATA = pd.DataFrame(
+    {
+        "time": pd.date_range("2020-01-01", periods=PERIODS, freq="T"),
+        "price": np.random.randn(PERIODS) + 98,
+    }
+)
+def _load_data(frac=0.1):
+    time.sleep(0.5 + frac * 0.5)
+    return DATA.sample(frac=frac)
+def _plot_data(frac=0.1):
+    time.sleep(0.5)
+    data = _load_data(frac)
+    return data.hvplot(x="time", y="price")
+@pn.cache(per_session=True, ttl=60*60*24)
+def _plot_data_cached(frac):
+    return _plot_data(frac)
+# Create Widgets
+fraction = pn.widgets.FloatSlider(value=0.1, start=0.1, end=1.0, step=0.1, name="Fraction of data")
+duration = pn.widgets.StaticText(value="", name="Time to create plot")
+use_cache = pn.widgets.Checkbox(value=False, name="Use Cache")
+preload_cache = pn.widgets.Button(name="Preload Cache", button_type="primary", disabled=True)
+clear_cache = pn.widgets.Button(name="Clear Cache", disabled=True)
+preload_progress = pn.widgets.Progress(
+    name="Progress", active=False, value=0, max=100, sizing_mode="stretch_width", disabled=True
+)
+plot_panel = pn.pane.HoloViews(min_height=500, sizing_mode="stretch_both")
+# Setup interactivity
+def _clear_cache(*_):
+    _plot_data_cached.clear()
+clear_cache.on_click(_clear_cache)
+def _preload_cache(*_):
+    for index in range(0, 11, 1):
+        frac_ = round(index / 10, 1)
+        preload_progress.value = int(frac_ * 100)
+        _plot_data_cached(frac_)
+    preload_progress.value = 0
+preload_cache.on_click(_preload_cache)
+@pn.depends(frac=fraction, watch=True)
+def _update_plot(frac):
+    start_counter = time.perf_counter()
+    frac = round(frac, 1)
+    if use_cache.value:
+        plot = _plot_data_cached(frac)
+    else:
+        plot = _plot_data(frac)
+    end_counter = time.perf_counter()
+    duration.value = str(round(end_counter - start_counter, 4)) + " seconds"
+    # Please note DiskCache does not cache the options
+    plot.opts(color=ACCENT_COLOR, responsive=True)
+    plot_panel.object = plot
+@pn.depends(use_cache=use_cache, watch=True)
+def _update_cache_widgets(use_cache):  # pylint: disable=redefined-outer-name
+    disabled = not use_cache
+    preload_cache.disabled = disabled
+    clear_cache.disabled = disabled
+    preload_progress.disabled = disabled
+# Layout the app
+pn.Column(
+    pn.pane.Markdown(
+        "# Speed up slow functions with caching", sizing_mode="stretch_width"
+    ),
+    fraction,
+    duration,
+    use_cache,
+    plot_panel,
+    pn.Row(preload_cache, clear_cache,),
+    preload_progress,
+).servable()
+pn.state.onload(lambda: fraction.param.trigger("value"))