# Including more two (or more) Bokeh plot with Jekyll # Introduction [Bokeh](https://docs.bokeh.org/en/latest/) is a nice visualization tool, enabling to create interactive `.html` pages with data. When making a website, you want the figures to be integrated in your page, not in a separated one. The post is divided in three parts: - How to get an `.html` from Bokeh - How to embed it - How to embed several Bokeh documents. # Getting an HTML File from Bokeh This might be easy for you. You should have included in your code: ```python from bokeh.plotting import output_file, show [... my python code ...] # p is your plot / figure output_file(SAVE_PATH) show(p) ``` `output_file()` sets the path where the figure must be stored, and `show()` creates the `.html` and open the created file in your browser. Here, nothing special. # Including a Document To embed **one** Bokeh document, you need to store the `.html` generated by Bokeh in the `_includes/` repository. So, if my document is named `bokeh_toto.html`, it must be stored at `_includes/bokeh_toto.html`. To include it in a page of your website, you just need to write: {% raw %} {% include bokeh_toto.html %} {% endraw %} in the *markdown* file. Ok, it should work. You may have the `` header printed that you can remove it (from the file `bokeh_toto.html`). Now, if you want to add a second bokeh document, it may not work. There seems to be a conflict between div naming. I don't know precisely the reason. I tried to change the IDs, sometimes it worked, sometimes it did not. It was confusing. # Including Several Document To include multiple document, we should not include the full `.html` document. Instead, we must include only the `

` and the `