Embedding holoviews js/css in static websites

HoloViews
1

I’m trying to embed a converted notebook in a static website, and I’d like to not inline the output of holoviews.notebook_extension().

From inspecting the output, I figured I at least need

<script src="https://cdn.bokeh.org/bokeh/release/bokeh-2.0.2.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.0.2.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.0.2.min.js" crossorigin="anonymous"></script>

however this seems to not be enough (all the panel models aren’t registered). I was also unable to find this in the documentation, sorry if I missed something obvious.

What is the correct approach here?

2

You probably also need:

<script src="https://unpkg.com/@holoviz/panel@0.9.5/dist/panel.min.js" crossorigin="anonymous"></script>
3

Suggestions on where to add this to the docs would be helpful.

4

Thanks, that worked. Isn’t css required for either library?

Unfortunately not exactly sure where this would belong. Next to “deploying bokeh apps” perhaps?

Another follow-up question that I have is how to trigger math processing on label update? See for example here: the initial label is rendered, but when I shift the slider, mathjax isn’t triggered.

5

Update: it seems no extra css is required. I’ve started a separate follow-up topic about latex rerendering, but this question is resolved.