Provide functions for embedding Bokeh standalone and server content in web pages.
autoload_static
Return JavaScript code and a script tag that can be used to embed Bokeh Plots.
The data for the plot is stored directly in the returned JavaScript code.
model (Model or Document) –
resources (Resources) –
script_path (str) –
JavaScript code to be saved at script_path and a <script> tag to load it
script_path
<script>
(js, tag)
ValueError –
components
Return HTML components to embed a Bokeh plot. The data for the plot is stored directly in the returned HTML.
An example can be found in examples/embed/embed_multiple.py
The returned components assume that BokehJS resources are already loaded. The html template in which they will be embedded needs to include the following scripts tags. The widgets and tables resources are only necessary if the components make use of widgets and tables.
<script src="https://cdn.bokeh.org/bokeh/release/bokeh-x.y.z.min.js"></script> <script src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-x.y.z.min.js"></script> <script src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-x.y.z.min.js"></script>
Note that in Jupyter Notebooks, it is not possible to use components and show in the same notebook cell.
models (Model|list|dict|tuple) – A single Model, a list/tuple of Models, or a dictionary of keys and Models.
wrap_script (boolean, optional) – If True, the returned javascript is wrapped in a script tag. (default: True)
wrap_plot_info (boolean, optional) –
If True, returns <div> strings. Otherwise, return dicts that can be used to build your own divs. (default: True)
<div>
If False, the returned dictionary contains the following information:
{ 'modelid': 'The model ID, used with Document.get_model_by_id', 'elementid': 'The css identifier the BokehJS will look for to target the plot', 'docid': 'Used by Bokeh to find the doc embedded in the returned script', }
theme (Theme, optional) – Applies the specified theme when creating the components. If None, or not specified, and the supplied models constitute the full set of roots of a document, applies the theme of that document to the components. Otherwise applies the default theme.
UTF-8 encoded (script, div[s]) or (raw_script, plot_info[s])
Examples
With default wrapping parameter values:
components(plot) # => (script, plot_div) components((plot1, plot2)) # => (script, (plot1_div, plot2_div)) components({"Plot 1": plot1, "Plot 2": plot2}) # => (script, {"Plot 1": plot1_div, "Plot 2": plot2_div})
With wrapping parameters set to False:
False
components(plot, wrap_script=False, wrap_plot_info=False) # => (javascript, plot_dict) components((plot1, plot2), wrap_script=False, wrap_plot_info=False) # => (javascript, (plot1_dict, plot2_dict)) components({"Plot 1": plot1, "Plot 2": plot2}, wrap_script=False, wrap_plot_info=False) # => (javascript, {"Plot 1": plot1_dict, "Plot 2": plot2_dict})
file_html
Return an HTML document that embeds Bokeh Model or Document objects.
The data for the plot is stored directly in the returned HTML, with support for customizing the JS/CSS resources independently and customizing the jinja2 template.
models (Model or Document or seq[Model]) – Bokeh object or objects to render typically a Model or Document
resources (Resources or tuple(JSResources or None, CSSResources or None)) – A resource configuration for Bokeh JS & CSS assets.
title (str, optional) –
A title for the HTML document <title> tags or None. (default: None)
<title>
If None, attempt to automatically find the Document title from the given plot objects.
template (Template, optional) – HTML document template (default: FILE) A Jinja2 Template, see bokeh.core.templates.FILE for the required template parameters
template_variables (dict, optional) – variables to be used in the Jinja2 template. If used, the following variable names will be overwritten: title, bokeh_js, bokeh_css, plot_script, plot_div
theme (Theme, optional) – Applies the specified theme to the created html. If None, or not specified, and the function is passed a document or the full set of roots of a document, applies the theme of that document. Otherwise applies the default theme.
None
suppress_callback_warning (bool, optional) – Normally generating standalone HTML from a Bokeh Document that has Python callbacks will result in a warning stating that the callbacks cannot function. However, this warning can be suppressed by setting this value to True (default: False)
UTF-8 encoded HTML
json_item
Return a JSON block that can be used to embed standalone Bokeh content.
model (Model) – The Bokeh object to embed
target (string, optional) – A div id to embed the model into. If None, the target id must be supplied in the JavaScript call.
JSON-like
This function returns a JSON block that can be consumed by the BokehJS function Bokeh.embed.embed_item. As an example, a Flask endpoint for /plot might return the following content to embed a Bokeh plot into a div with id “myplot”:
Bokeh.embed.embed_item
/plot
@app.route('/plot') def plot(): p = make_plot('petal_width', 'petal_length') return json.dumps(json_item(p, "myplot"))
Then a web page can retrieve this JSON and embed the plot by calling Bokeh.embed.embed_item:
<script> fetch('/plot') .then(function(response) { return response.json(); }) .then(function(item) { Bokeh.embed.embed_item(item); }) </script>
Alternatively, if is more convenient to supply the target div id directly in the page source, that is also possible. If target_id is omitted in the call to this function:
return json.dumps(json_item(p))
Then the value passed to embed_item is used:
embed_item
Bokeh.embed.embed_item(item, "myplot");
server_document
Return a script tag that embeds content from a Bokeh server.
Bokeh apps embedded using these methods will NOT set the browser window title.
url (str, optional) –
A URL to a Bokeh application on a Bokeh server (default: “default”)
If "default" the default URL http://localhost:5006/ will be used.
"default"
http://localhost:5006/
relative_urls (bool, optional) –
Whether to use relative URLs for resources.
If True the links generated for resources such a BokehJS JavaScript and CSS will be relative links.
True
This should normally be set to False, but must be set to True in situations where only relative URLs will work. E.g. when running the Bokeh behind reverse-proxies under certain configurations
resources –
A string specifying what resources need to be loaded along with the document.
If default then the default JS/CSS bokeh files will be loaded.
default
If None then none of the resource files will be loaded. This is useful if you prefer to serve those resource files via other means (e.g. from a caching server). Be careful, however, that the resource files you’ll load separately are of the same version as that of the server’s, otherwise the rendering may not work correctly.
A <script> tag that will embed content from a Bokeh Server.
server_session
Return a script tag that embeds content from a specific existing session on a Bokeh server.
This function is typically only useful for serving from a a specific session that was previously created using the bokeh.client API.
bokeh.client
Note
Typically you will not want to save or re-use the output of this function for different or multiple page loads.
model (Model or None, optional) –
The object to render from the session, or None. (default: None)
If None, the entire document will be rendered.
session_id (str) – A server session ID
Warning
It is typically a bad idea to re-use the same session_id for every page load. This is likely to create scalability and security problems, and will cause “shared Google doc” behavior, which is probably not desired.
session_id