Archived discussions · Captured October 28, 2026

bokeh embed tutorial/example

Tommy_CarstensenMar 27, 2017 #1

Does anyone know of a simple example on how to embed Bokeh into html? I’ve read the documentation and it’s not quite obvious to me. I’ve looked at the Gapminder example, but I can’t see in the code, where the templates directory with the index.html file is referenced.

github.com

bokeh/bokeh/blob/branch-3.0/examples/app/gapminder/main.py

import pandas as pd

from bokeh.io import curdoc
from bokeh.layouts import layout
from bokeh.models import (Button, CategoricalColorMapper, ColumnDataSource,
                          HoverTool, Label, SingleIntervalTicker, Slider)
from bokeh.palettes import Spectral6
from bokeh.plotting import figure

from .data import process_data

fertility_df, life_expectancy_df, population_df_size, regions_df, years, regions_list = process_data()

df = pd.concat({'fertility': fertility_df,
                'life': life_expectancy_df,
                'population': population_df_size},
               axis=1)

data = {}

This file has been truncated. show original

I just want to be able to change the background colour and add some images.

Thanks!

⌁ Link to post

Tyler_NickersonMar 28, 2017 #2

The gapminder app isn’t really an example of embedding. It is an example of a directory format app using bokeh server. There is some documentation on directory format apps here that explains how this works better than I can.

Hope that helps,

Tyler

···

On Mon, Mar 27, 2017 at 9:41 AM, Tommy Carstensen tommy.carstensen@gmail.com wrote:

Does anyone know of a simple example on how to embed Bokeh into html? I’ve read the documentation and it’s not quite obvious to me. I’ve looked at the Gapminder example, but I can’t see in the code, where the templates directory with the index.html file is referenced.

https://github.com/bokeh/bokeh/blob/master/examples/app/gapminder/main.py

I just want to be able to change the background colour and add some images.

Thanks!

–

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to bokeh+unsubscribe@continuum.io.

To post to this group, send email to bokeh@continuum.io.

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/0489ea47-0f51-4749-84d9-20811737bb09%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

⌁ Link to post

Tommy_CarstensenMar 28, 2017 #3

Hi Tyler,

It turned out to be quite easy. I did this:
layout_show = bokeh.layouts.layout([

[bokeh.models.Div(text=‘
’)],

[bokeh.layouts.row(widgets, plots)],

])

After checking the IMDB Movies example:
https://github.com/bokeh/bokeh/blob/master/examples/app/movies/main.py

Thanks!

···

On Mon, Mar 27, 2017 at 9:41 AM, Tommy Carstensen tommy.carstensen@gmail.com wrote:

Does anyone know of a simple example on how to embed Bokeh into html? I’ve read the documentation and it’s not quite obvious to me. I’ve looked at the Gapminder example, but I can’t see in the code, where the templates directory with the index.html file is referenced.

https://github.com/bokeh/bokeh/blob/master/examples/app/gapminder/main.py

I just want to be able to change the background colour and add some images.

Thanks!

–

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to bokeh+unsubscribe@continuum.io.

To post to this group, send email to bokeh@continuum.io.

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/0489ea47-0f51-4749-84d9-20811737bb09%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

⌁ Link to post

systemJul 21, 2021 #4

⌁ Link to post

End of archived discussion · Replies are disabled