Bokeh in marimo

[akshayka]

In #13817 (comment), we identified some issues with displaying bokeh objects in marimo.

• output_notebook() does not work in marimo, probably because we don't support publish_display_data.
• Display of Renderers was broken, but that has since been fixed.

marimo has custom logic to display Bokeh Plot objects, so figures can be output by just including them in the last expression of a cell: https://github.com/marimo-team/marimo/blob/main/marimo/_output/formatters/bokeh_formatters.py#L24.

As a hack that perhaps gets us most of the way there, we can simply patch plotting.show to use our formatting machinery, as we do in this PR: marimo-team/marimo#3796.

I'm not very familiar Bokeh's internals, so I'm not sure what a proper fix would entail. Some pointers on marimo's output viewer:

• Check if running in a marimo notebook:
• Display protocol: https://docs.marimo.io/api/miscellaneous/#marimo.running_in_notebook(https://docs.marimo.io/guides/integrating_with_marimo/displaying_objects/).

[bryevdv]

output_notebook() does not work in marimo, probably because we don't support publish_display_data.

I mentioned on the PR, but will also mention here: Bokeh users will 100% definitely call output_notebook since that is what all our guidance always says to do. So you'll need to make output_notebook be a no-op at least. (But also their expectation may be to see the logo and "BokehJS version xyz loaded" message so they might get confused if that is missing)

[akshayka]

Thanks! Made output_notebook() a NOOP for now. Would be open to a more "proper" integration but just wanted to get basic functionality working

[bryevdv]

Sounds good. Can you make a Bokeh issue regarding allowing other notebooks to override the default notebook type? Also FYI Bokeh 3.7 should be out in the next ~2 weeks.

[EED85]

Hi all,

i have no problems displaying bokeh charts in marimo.
But when epxporting the marimo Notebook as html, the charts are not displayed anymore.

Instead this error message is shown:

Couldn't find the requested file /dist/@file/23833-31675-EBmBb5of.html in @marimo-team/frontend.

Within a markdown cell i am using this code:

{
        mo.hstack(
            [
                bokeh_figure01,
                bokeh_figure02,
                bokeh_figure03,
            ],
            widths=[1000] * 3,
        )
    }

using mo.as_html won't help either and running output_notebook does not affect this.

{
        mo.hstack(
            [
                mo.as_html(bokeh_figure01),
                mo.as_html(bokeh_figure02),
                mo.as_html(bokeh_figure02),
            ],
            widths=[1000] * 3,
        )
    } 

Altair is working fine with the same logic.

bokeh-3.7.3
marimo-0.16.5