Встраивание приложения с эффектом боке в Flask

Другой ответ не описывает, как встраивать серверное приложение Bokeh (оно использует components для встраивания автономного документа Bokeh).

Во-первых, вы можете увидеть множество живых примеров, размещенных по адресу: https://demo.bokeh.org/

Для встраивания приложений есть два обычных варианта:

• iframe (работает нормально) или
• server_document

Последний обычно используется так:

from bokeh.embed import server_document
script = server_document("https://demo.bokeh.org/sliders")

Это вернет тег <script>, аналогичный приведенному ниже, который вы можете вставить в свой HTML-ответ фляги, где бы вы ни хотели, чтобы приложение появилось:

<script
    src="https://demo.bokeh.org/sliders/autoload.js?bokeh-autoload-element=1000&bokeh-app-path=/sliders&bokeh-absolute-url=https://demo.bokeh.org/sliders"
    id="1000">
</script>

Наконец, важно отметить, что по умолчанию сервер Bokeh выбирает довольно консервативную конфигурацию сети. Вам нужно будет запустить сервер Bokeh с параметром командной строки --allow-websocket-origin, установленным в качестве любого хоста, на который вы встраиваете приложение bokeh.

РЕДАКТИРОВАТЬ одним из основных разработчиков проекта Bokeh. Приведенная ниже информация не отвечает на поставленный выше вопрос. Категорически невозможно встроить приложение с эффектом боке, используя bokeh.embed.components, как описано ниже. components может встраивать только автономные документы (т. Е. НЕ запускаемые на сервере Bokeh)

пример встраивания боке с колбой: присутствует в репозитории на github с боке.

import flask

from bokeh.embed import components
from bokeh.plotting import figure
from bokeh.resources import INLINE
from bokeh.templates import RESOURCES
from bokeh.util.string import encode_utf8

app = flask.Flask(__name__)

colors = {
    'Black': '#000000',
    'Red':   '#FF0000',
    'Green': '#00FF00',
    'Blue':  '#0000FF',
}


def getitem(obj, item, default):
    if item not in obj:
        return default
    else:
        return obj[item]


@app.route("/")
def polynomial():
    """ Very simple embedding of a polynomial chart"""
    # Grab the inputs arguments from the URL
    # This is automated by the button
    args = flask.request.args

    # Get all the form arguments in the url with defaults
    color = colors[getitem(args, 'color', 'Black')]
    _from = int(getitem(args, '_from', 0))
    to = int(getitem(args, 'to', 10))

    # Create a polynomial line graph
    x = list(range(_from, to + 1))
    fig = figure(title="Polynomial")
    fig.line(x, [i ** 2 for i in x], color=color, line_width=2)

    # Configure resources to include BokehJS inline in the document.
    # For more details see:
    #   http://docs.bokeh.org/en/latest/docs/reference/resources_embedding.html#module-bokeh.resources
    plot_resources = RESOURCES.render(
        js_raw=INLINE.js_raw,
        css_raw=INLINE.css_raw,
        js_files=INLINE.js_files,
        css_files=INLINE.css_files,
    )

    # For more details see:
    #   http://docs.bokeh.org/en/latest/docs/user_guide/embedding.html#components
    script, div = components(fig, INLINE)
    html = flask.render_template(
        'embed.html',
        plot_script=script, plot_div=div, plot_resources=plot_resources,
        color=color, _from=_from, to=to
    )
    return encode_utf8(html)


def main():
    app.debug = True
    app.run()

if __name__ == "__main__":
    main()

Другой вариант - запустить bokeh-server и ваше flask веб-приложение бок о бок и таким образом загрузить код боке (на стороне сервера, через JS или iframe), но это может вызвать проблемы.