bokeh embed tutorial/example

Tommy_Carstensen · March 27, 2017, 4:41pm

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!

Tyler_Nickerson · March 28, 2017, 5:39am

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 [email protected] 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 [email protected].

To post to this group, send email to [email protected].

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.

Tommy_Carstensen · March 28, 2017, 8:58am

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 [email protected] 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 [email protected].

To post to this group, send email to [email protected].

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.