Deploy functional sliders/widgets on jupyter-book-page. about ma_visualization

[kuchaale]

Does Bokeh with widgets (e.g. sliders) work when using output_notebook()?

[stoeckel4code]

No. I tried it on this plot (associated code). The altidude is selected by a widget. It runs locally but not in the jupyter book.

[stoeckel4code]

The problem is, that no python kernel is running. But there is a way to use the java script kernel, which runs in the browser.
Using this 'callbacks' may be the solution. But we have to change our code completly.

[kuchaale]

Can you check this issue? The solution may be to export the bokeh notebook separately and then include it as an HTML file in the jupyter book.

[stoeckel4code]

I tried it like this:

from bokeh.embed import file_html
from bokeh.resources import CDN
import IPython

html_repr = file_html(pn.Column(bars).get_root(), CDN)
IPython.display.HTML(html_repr)

this creates a html file but the widget don't works for now.

[kuchaale]

Do widgets in the exported HTML file work at least? Our issue is related to issues that are still open, e.g. executablebooks/jupyter-book#1077 and executablebooks/jupyter-book#1113. One suggestion discussed there is to include html_extra_path in _config.yml in the following way:

sphinx:
  config:
    html_extra_path: path_to_external_html

Another question: did you try to update the bokeh library?

[stoeckel4code]

I tried running my hv bars plot by:

...
bars = ds_wind.hvplot.scatter(y=['u','v'], symmetric =True, ylim=[-100,100], groupby='alt')
import holoviews as hv
fig = hv.render(bars, backend='bokeh')

Than I have a figure which I can implement in this (analog to the example):

from bokeh.plotting import figure, output_file, save

output_file("test.html")
save(fig)

This gives me a html-site, but the widget doesn't works.
My thoughts were, that I need a figure created by bokeh.plotting rather than holoviews or hvplot.
But bokeh.plotting doesn't works well with with the xarray dataset. Shall I try converting the dataset to a pandas dataset?
Or am I on a wrong way?

[kuchaale]

Indeed, it may be an issue. Can you try this approach?

[stoeckel4code]

Thank you, this works fine! You may check the html version of this simple plot out here.