How do stream data to a Bokeh plot in Jupyter with a high refresh rate?

Question

I am trying to use Bokeh to plot a streaming dataset within a Jupyter notebook. Here is what I have so far.

From the command line I start the bokeh server by running the command

$> bokeh server

Here is the code from my Jupyter notebook

import numpy as np
from IPython.display import clear_output
# ------------------- new cell ---------------------#

from bokeh.models.sources import ColumnDataSource
from bokeh.client import push_session
from bokeh.driving import linear
from bokeh.plotting import figure
from bokeh.io import curdoc, output_notebook, show
# ------------------- new cell ---------------------#

output_notebook()
# ------------------- new cell ---------------------#

my_figure = figure(plot_width=800, plot_height=400)
test_data = ColumnDataSource(data=dict(x=[0], y=[0]))
linea = my_figure.line("x", "y", source=test_data)
# ------------------- new cell ---------------------#

new_data=dict(x=[0], y=[0])
x = []
y = []

step_size = 0.1  # increment for increasing step
@linear(m=step_size, b=0)
def update(step):
    x.append(step)
    y.append(np.random.rand())
    new_data['x'] = x
    new_data['y'] = y

    test_data.stream(new_data, 10)

    clear_output()
    show(my_figure)

    if step > 10: 
        session.close()    
# ------------------- new cell ---------------------#

# open a session to keep our local document in sync with server
session = push_session(curdoc())

period = 100  # in ms
curdoc().add_periodic_callback(update, period)

session.show()  # open a new browser tab with the updating plot

session.loop_until_closed()

Currently, the result I get is a flashing plot within the Jupyter notebook and also a nicely updating plot in a new browser tab. I would like either of the following

• a nicely updating plot in Jupyter, without the flashing
• just the plot in the new browser tab

I tried removing show(my_figure) but each update opened a new tab. I also tried reducing the refresh rate to 10 ms, period = 10; session.show() works great but the notebook eventually crashes because it cannot refresh that fast.

How do I get a good refresh rate of the bokeh plot in Jupyter? Or how do I turn off the Jupyter plot and only have one tab showing the updating plot?

Answer 1

Here is the code for a modified notebook, following @bigreddot's comment, which uses push_notebook to produce a much cleaner result within the notebook (it does not require you run bokeh serve for the plotting). It does not use a callback; I'm not sure if this is an advantage or not. As is, if you want the plot to update when a new data point comes in you could add an if data_event: statement at the beginning of the while loop, then tune the sleep time according to work well with the event rate.

This page from the official documentation provides additional helpful information regarding using Bokeh in a Jupyter notebook.

import time
import numpy as np
# ------------------- new cell ---------------------#

from bokeh.models.sources import ColumnDataSource
from bokeh.plotting import figure
from bokeh.io import output_notebook, show, push_notebook
# ------------------- new cell ---------------------#

output_notebook()
# ------------------- new cell ---------------------#

my_figure = figure(plot_width=800, plot_height=400)
test_data = ColumnDataSource(data=dict(x=[0], y=[0]))
line = my_figure.line("x", "y", source=test_data)
handle = show(my_figure, notebook_handle=True)

new_data=dict(x=[0], y=[0])
x = []
y = []

step = 0
step_size = 0.1  # increment for increasing step
max_step = 10  # arbitrary stop point for example
period = .1  # in seconds (simulate waiting for new data)
n_show = 10  # number of points to keep and show
while step < max_step:
    x.append(step)
    y.append(np.random.rand())
    new_data['x'] = x = x[-n_show:]  # prevent filling ram
    new_data['y'] = y = y[-n_show:]  # prevent filling ram

    test_data.stream(new_data, n_show)

    push_notebook(handle=handle)
    step += step_size
    time.sleep(period)

Note the addition of new_data['x'] = x = x[-n_show] (same for y) so this could in theory run indefinitely without filling your memory. Also, it would be nice to actually stream some kind of data source (maybe from the web) to make this a more realistic example. Lastly, you probably realize this, but after you run the cell with the streaming plot, the kernel will be locked until it completes or is interupted; you cannot execute additional cells/code. If you want to have analysis/control features, they should go inside the while loop.