Embedding holoviews js/css in static websites

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?

You probably also need:

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

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

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.

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