Saving html file with images in bokeh

Question

I\'m creating a bokeh plot containing several images. I create and show my file like this:

output_file(my_dir + \"Graphs\\\\graph\")
show(bar)

Answer 1

As the documentation mentions, you have two ways to achieve this:

• using save() instead of show()

  from bokeh.plotting import figure, output_file, save
  p = figure(title="Basic Title", plot_width=300, plot_height=300)
  p.circle([1, 2], [3, 4])
  output_file("test.html")
  save(p)
  

• using the file_html function, which is low-level

  from bokeh.plotting import figure
  from bokeh.resources import CDN
  from bokeh.embed import file_html
  
  plot = figure()
  plot.circle([1,2], [3,4])
  
  html = file_html(plot, CDN, "my plot")
  
  with open("/myPath.html") as f:
      f.write(html)
  

Answer 2

In case you are running into problems (especially working in an offline environment), you may want to consider adding the mode='inline' parameter:

output_file('plot.html', mode='inline')

This ensures that the required js/css is included in your output html. In this way, you create a standalone html.

Combining with the existing code, this results in:

from bokeh.plotting import figure, output_file, save
p = figure(title="Basic Title", plot_width=300, plot_height=300)
p.circle([1, 2], [3, 4])
output_file('plot.html', mode='inline')
save(p)

Check out this answer for further reference.