JavaScript output is disabled in JupyterLab

[dhirschfeld]

I'm trying to show a bokeh plot in an ipywidget.Output and to render that with voila (in JupyterLab):

import bokeh.plotting as plt
import ipywidgets as widgets

plt.output_notebook()

x = [1, 2, 3, 4, 5]
y = [6, 7, 2, 4, 5]
fig = plt.figure(
    title="Simple line example",
    x_axis_label='x',
    y_axis_label='y',
)
fig.line(x, y, legend_label="Temp.", line_width=2)
out = widgets.Output()
with out:
    plt.show(fig)

out

In the notebook it renders fine:

...but voila gives a JavaScript output is disabled in JupyterLab error:

It would be a pretty big limitation if you can't use ipywidgets in a voila app! Is there a way to get this to work?

[jtpio]

Thanks @dhirschfeld.

It would be a pretty big limitation if you can't use ipywidgets in a voila app! Is there a way to get this to work?

Probably this is an issue with Bokeh? iirc this was also mentioned before in #244 with links to an ipybokeh project.

Jupyter Widgets have been working in Voila since the very start, with some example notebooks in https://github.com/voila-dashboards/voila/tree/master/notebooks

[jtpio]

iirc this was also mentioned before in #244 with links to an ipybokeh project.

Ah looks like https://github.com/philippjfr/ipybokeh is now archived and https://github.com/bokeh/jupyter_bokeh is the new repo.

[dhirschfeld]

I've got jupyter_bokeh installed

...from that issue it seems like bokeh might not be compatible. From my testing when using a widgets.Output I get the JavaScript error but when just using plt.show(fig) directly I see the below error in the js console of the gridstack app:

Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing

I'll close this now as I think it may just be that bokeh isn't fully compatible with ipywidgets/voila :/

[jtpio]

Thanks for checking 👍

I'll close this now as I think it may just be that bokeh isn't fully compatible with ipywidgets/voila :/

Maybe this will improve when Voila becomes a JupyterLab based app (#846) so it can reuse prebuilt lab extensions directly.

[dhirschfeld]

Maybe this will improve when Voila becomes a JupyterLab based app (#846)

Thanks for the pointer, that looks promising indeed - subscribed! 👀

[dhirschfeld]

NB: I also didn't have any luck displaying a perspective widget so that issue seems a likely culprit.