embed bokeh app in larger pure web app

I’d like to create an app similar to the stock_app.py example, load it on a bokeh server, and then embed that app on a larger web page. I know that that is what autoload_server is for, but I can’t figure out how to use that function on the StockApp class that the stock_app.py example produces. I searched for related questions and while I found this:

https://groups.google.com/a/continuum.io/forum/#!searchin/bokeh/embed$20app/bokeh/70xxvebF86o/txVXcs-eh2gJ

But I couldn’t figure out how to adapt the answer to that question to my particular use case. My preferred outcome would be to get all of the information for the tag (docid, modelid, docapikey, etc.) so I could store that separately and call it up to construct the script tag on demand. Is there a way to do that?

Does anyone have an advice/input on this? If I create a bokeh app, meaning I start it by feeding it to bokeh server through the --script tag at the command line, are my only options to serve it directly on the server-generated page, or through a flask app? Is there a way to generate an autoload_server-style tag to embed the app in a separate web application?

This is my specific use case: we’re building an dashboard app with an Angular front-end where users will have a menu of lots of different Bokeh apps that they can drag and drop onto their dashboard. Normally, we’d have each item in the menu link to a database containing the tag elements for autoload_server, but I can’t figure out how to get those elements for a bokeh app.

···

On Tuesday, April 28, 2015 at 4:07:36 PM UTC-4, Schaun Wheeler wrote:

I’d like to create an app similar to the stock_app.py example, load it on a bokeh server, and then embed that app on a larger web page. I know that that is what autoload_server is for, but I can’t figure out how to use that function on the StockApp class that the stock_app.py example produces. I searched for related questions and while I found this:

https://groups.google.com/a/continuum.io/forum/#!searchin/bokeh/embed$20app/bokeh/70xxvebF86o/txVXcs-eh2gJ

But I couldn’t figure out how to adapt the answer to that question to my particular use case. My preferred outcome would be to get all of the information for the tag (docid, modelid, docapikey, etc.) so I could store that separately and call it up to construct the script tag on demand. Is there a way to do that?

I had the same question at the beginning, and my only solution to actually get the full bokeh app was to use iFrames, linking tot he app on the bokeh-server. I wanted to include the full app to be able to use the bokeh controls like sliders. However, I had the problem that these controls (e.g. the slider) are not touch friendly written (sliders don’t work at all), so I decided to implement the controls externally and just embed the plots.

Long story short: I have no idea about the possibilities, but using an iFrame is one of them.

Cheers,

Clemens

···

Am Dienstag, 5. Mai 2015 15:39:01 UTC+2 schrieb Schaun Wheeler:

Does anyone have an advice/input on this? If I create a bokeh app, meaning I start it by feeding it to bokeh server through the --script tag at the command line, are my only options to serve it directly on the server-generated page, or through a flask app? Is there a way to generate an autoload_server-style tag to embed the app in a separate web application?

This is my specific use case: we’re building an dashboard app with an Angular front-end where users will have a menu of lots of different Bokeh apps that they can drag and drop onto their dashboard. Normally, we’d have each item in the menu link to a database containing the tag elements for autoload_server, but I can’t figure out how to get those elements for a bokeh app.

On Tuesday, April 28, 2015 at 4:07:36 PM UTC-4, Schaun Wheeler wrote:

I’d like to create an app similar to the stock_app.py example, load it on a bokeh server, and then embed that app on a larger web page. I know that that is what autoload_server is for, but I can’t figure out how to use that function on the StockApp class that the stock_app.py example produces. I searched for related questions and while I found this:

https://groups.google.com/a/continuum.io/forum/#!searchin/bokeh/embed$20app/bokeh/70xxvebF86o/txVXcs-eh2gJ

But I couldn’t figure out how to adapt the answer to that question to my particular use case. My preferred outcome would be to get all of the information for the tag (docid, modelid, docapikey, etc.) so I could store that separately and call it up to construct the script tag on demand. Is there a way to do that?

Thanks, Clemens. It looks like iFrames might be my only option. I’ll give it a shot.

···

On Tuesday, May 5, 2015 at 9:51:29 AM UTC-4, Clemens Blank wrote:

I had the same question at the beginning, and my only solution to actually get the full bokeh app was to use iFrames, linking tot he app on the bokeh-server. I wanted to include the full app to be able to use the bokeh controls like sliders. However, I had the problem that these controls (e.g. the slider) are not touch friendly written (sliders don’t work at all), so I decided to implement the controls externally and just embed the plots.

Long story short: I have no idea about the possibilities, but using an iFrame is one of them.

Cheers,

Clemens

Am Dienstag, 5. Mai 2015 15:39:01 UTC+2 schrieb Schaun Wheeler:

Does anyone have an advice/input on this? If I create a bokeh app, meaning I start it by feeding it to bokeh server through the --script tag at the command line, are my only options to serve it directly on the server-generated page, or through a flask app? Is there a way to generate an autoload_server-style tag to embed the app in a separate web application?

This is my specific use case: we’re building an dashboard app with an Angular front-end where users will have a menu of lots of different Bokeh apps that they can drag and drop onto their dashboard. Normally, we’d have each item in the menu link to a database containing the tag elements for autoload_server, but I can’t figure out how to get those elements for a bokeh app.

On Tuesday, April 28, 2015 at 4:07:36 PM UTC-4, Schaun Wheeler wrote:

I’d like to create an app similar to the stock_app.py example, load it on a bokeh server, and then embed that app on a larger web page. I know that that is what autoload_server is for, but I can’t figure out how to use that function on the StockApp class that the stock_app.py example produces. I searched for related questions and while I found this:

https://groups.google.com/a/continuum.io/forum/#!searchin/bokeh/embed$20app/bokeh/70xxvebF86o/txVXcs-eh2gJ

But I couldn’t figure out how to adapt the answer to that question to my particular use case. My preferred outcome would be to get all of the information for the tag (docid, modelid, docapikey, etc.) so I could store that separately and call it up to construct the script tag on demand. Is there a way to do that?

Hi all,

You may be interested in the example from my pycon talk:

https://github.com/birdsarah/pycon_2015_bokeh_talk/tree/master/washmap

is a django application in which I embed various bokeh plots, some static and one server.

In particular,

https://github.com/birdsarah/pycon_2015_bokeh_talk/blob/master/washmap/main/utils.py#L20

which is an adaptation of the app_document bokeh function https://github.com/bokeh/bokeh/blob/master/bokeh/pluginutils.py#L11

I use my function in the django view WashmapServerView here: https://github.com/birdsarah/pycon_2015_bokeh_talk/blob/master/washmap/washmap/views.py#L73

If you need more information, do let me know, but certainly download the code and get it running to see it in action to get a feel for how to embed a bokeh app in your webapp.

Best,

Bird

···

On Tue, May 5, 2015 at 6:36 PM, Schaun Wheeler [email protected] wrote:

Thanks, Clemens. It looks like iFrames might be my only option. I’ll give it a shot.

On Tuesday, May 5, 2015 at 9:51:29 AM UTC-4, Clemens Blank wrote:

I had the same question at the beginning, and my only solution to actually get the full bokeh app was to use iFrames, linking tot he app on the bokeh-server. I wanted to include the full app to be able to use the bokeh controls like sliders. However, I had the problem that these controls (e.g. the slider) are not touch friendly written (sliders don’t work at all), so I decided to implement the controls externally and just embed the plots.

Long story short: I have no idea about the possibilities, but using an iFrame is one of them.

Cheers,

Clemens

Am Dienstag, 5. Mai 2015 15:39:01 UTC+2 schrieb Schaun Wheeler:

Does anyone have an advice/input on this? If I create a bokeh app, meaning I start it by feeding it to bokeh server through the --script tag at the command line, are my only options to serve it directly on the server-generated page, or through a flask app? Is there a way to generate an autoload_server-style tag to embed the app in a separate web application?

This is my specific use case: we’re building an dashboard app with an Angular front-end where users will have a menu of lots of different Bokeh apps that they can drag and drop onto their dashboard. Normally, we’d have each item in the menu link to a database containing the tag elements for autoload_server, but I can’t figure out how to get those elements for a bokeh app.

On Tuesday, April 28, 2015 at 4:07:36 PM UTC-4, Schaun Wheeler wrote:

I’d like to create an app similar to the stock_app.py example, load it on a bokeh server, and then embed that app on a larger web page. I know that that is what autoload_server is for, but I can’t figure out how to use that function on the StockApp class that the stock_app.py example produces. I searched for related questions and while I found this:

https://groups.google.com/a/continuum.io/forum/#!searchin/bokeh/embed$20app/bokeh/70xxvebF86o/txVXcs-eh2gJ

But I couldn’t figure out how to adapt the answer to that question to my particular use case. My preferred outcome would be to get all of the information for the tag (docid, modelid, docapikey, etc.) so I could store that separately and call it up to construct the script tag on demand. Is there a way to do that?

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/e4a3de8b-a71e-4629-9e14-bbc0f926e993%40continuum.io.

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