Random thoughts from a book-loving Puerto Rican astronomical data scientist in Baltimore.
Friday, June 17, 2016
Bokeh Plots in Blogger
This is a quick post to test if I can add Bokeh plots in my blog.
Here is my plot.
The formatting is a bit off, but it works!
The way I did this was to paste the HTML and Javascript directly in my post as well as set the Options on the right to Interpret typed HTML.
That is, I used script, div = components(plot) to generate what I needed to include and at the top of my post added some text to load BokehJS from CDN. See their website for instructions.
Here is a second attempt, but using an iframe and hosting the HTML file elsewhere:
This is a lot easier to manage so I'll probably stick to using iframes.
For those that don't know, Bokeh is a plotting library in Python (and I think in a few other coding languages as well) that allows for interactive plots in websites. I'll probably be editing this post as I fix things, but for now I wanted to test if this works in Blogger so I can prepare more interesting posts in the future. I may also test using iframes as the scripts to paste can be rather large, even for a simple plot like this one.
Subscribe to:
Post Comments (Atom)
Thanks. This is exactly what I was looking for :)
ReplyDeletecan you show the html? I cant manage the plot controls
ReplyDeleteYou can see the HTML of the plot by going to http://dr-rodriguez.github.io/files/iris.html and right-clicking and selecting the option to view the Page Source, or the equivalent in your browser. I pretty much just copied the script and link sections into this post and put the div part with where I wanted the plot to appear. (I tried pasting some HTML here but Blogger won't let me).
Delete