Full size Bokeh charts as Jupyter slides

1.6k Views Asked by At

I'm still learning about bokeh and reveal.js, have been impressed with both and so apologies if this is a basic question.

How can I fully display a bokeh chart on a Jupyter slide without scroll bars appearing?

Below is an example: This chart appears fine in Jupyter as a notebook (note the absence of horizontal scroll bar and the x axis ends at 2015) enter image description here

But when converted to slides (via the outstanding RISE) it doesn't fit on the slide (missing years 2012 onward) and a horizontal scroll bar appears.

enter image description here

Do i need to set the size of the Bokeh figure? If so, what should it be?

or

Can I add some metadata code to the Jupyter cell to increase the page size?

I'm using RISE to automatically create the slide from Jupyter thanks

1

There are 1 best solutions below

0
On

(disclaimer: I am a founder of Gryd)

Try something like this: https://beta.gryd.us/notebook/published/dTBiH2W8qCdfj3Qvfd3bNP/Reveal%20+%20Bokeh.ipynb

You have to internally increase the size of the slides and then you can set the height and width parameters on Bokeh plots to fill up the screen (pre-enabled on Gryd). If you clone the notebook, you will see that I also collapse the code cell in the last slide to allow the figure to take up most of the space.

Looks like this: enter image description here