Loading indicator

Download this notebook from GitHub (right-click to download).


In [ ]:
import time
import panel as pn
import holoviews as hv
import numpy as np
import holoviews.plotting.bokeh

pn.extension(loading_spinner='dots', loading_color='#00aa41')
hv.extension('bokeh')
In [ ]:
pn.panel(hv.Curve([1, 2, 3], label='ABC').opts(fontsize={'title': '18pt'}))

Every pane, widget and layout provides the loading parameter. When set to True a spinner will overlay the panel and indicate that the panel is currently loading. When you set loading to false the spinner is removed. Using the pn.extension or by setting the equivalent parameters on pn.config we can select between different visual styles and colors for the loading indicator.

We can enable the loading indicator for reactive functions annotated with depends or bind globally using:

pn.param.ParamMethod.loading_indicator = True

Alternatively we can enable it for a specific function by passing the loading_indicator=True argument into pn.panel which returns a ParamMethod/ParamFunction object with the parameter set:

In [ ]:
button = pn.widgets.Button(name="Update", button_type="primary")

def random_plot(event):
    if event: time.sleep(10)
    return hv.Points(np.random.rand(100, 2)).opts(
        width=400, height=400, size=5)

pn.Column(button, pn.panel(pn.bind(random_plot, button), loading_indicator=True)).servable()
This web page was generated from a Jupyter notebook and not all interactivity will work on this website. Right click to download and run locally for full Python-backed interactivity.

Download this notebook from GitHub (right-click to download).