Embed Bokeh Curdoc

[anoSF]

Is it possible to embed bokeh curdoc. I am using curdoc().add_root(self.layout) to show my class of guitar fretboard. In curdoc, it has buttons as well as plots.

I tried doing:
html = file_html(curdoc(), CDN, “my plot”)

Thank you

[anoSF]

also for this i got. html = file_html(self.layout, CDN, “my plot”)

WARNING:bokeh.embed.util:
You are generating standalone HTML/JS output, but trying to use real Python
callbacks (i.e. with on_change or on_event). This combination cannot work.

Only JavaScript callbacks may be used with standalone output. For more
information on JavaScript callbacks with Bokeh, see:

https://docs.bokeh.org/en/latest/docs/user_guide/interaction/callbacks.html

Alternatively, to use real Python callbacks, a Bokeh server application may
be used. For more information on building and running Bokeh applications, see:

https://docs.bokeh.org/en/latest/docs/user_guide/server.html

[Bryan]

@anoSF The message tries to be clear. Things like on_change callbacks can only function with a Bokeh server app, because the Bokeh server is the the Python process that runs the callback code. file_html only generates standalone, static HTML that is not connected to any Python process, so on_change callbacks cannot function.

It’s not really clear what your actual situation or goal here is, so it is hard to advise further. First things first: are you running a Bokeh server? If so are you asking how to embed that in other pages? If that is the case, then there are special APIs just for embedding Bokeh server apps:

https://docs.bokeh.org/en/latest/docs/user_guide/output/embed.html#bokeh-applications

If that’s not the case then you’ll need to explain the overall setup and situation in more detail.

[anoSF]

yes i am running a server. I do bokeh serve --show fileName.py and it will call curdoc().add_root(self.layout). I want to be able to embed that into another webpage, maybe using HTML or some kind of framework. I want it to be able to manipulate the data.

I did use server_document() and got the following and just directly copy and paste into my HTML page but it doesn’t appear.

script id="p1753">
    (function() {
      const xhr = new XMLHttpRequest()
      xhr.responseType = 'blob';
      xhr.open('GET', "http://localhost:5006/autoload.js?bokeh-autoload-element=p1753&bokeh-absolute-url=http://localhost:5006", true);
      xhr.onload = function (event) {
        const script = document.createElement('script');
        const src = URL.createObjectURL(event.target.response);
        script.src = src;
        document.body.appendChild(script);
      };
      xhr.send();
    })();
  </script>

[Bryan]

@anoSF

but it doesn’t appear.

Are there any messages in the browser’s JS console? That is where errors on the JS side of things will show up.

[anoSF]

[Bryan]

And what about the Bokeh server console log? I expect there is a corresponding error about disallowing the webscocket connection. In which case you need to set --allow-websocket-origin to tell Bokeh what origins are allowed (the error message has actionable details).