In [ ]:

    

from bqplot import pyplot as plt
import ipywidgets as widgets
import numpy as np


    

In [ ]:

    

# generate some fake data
np.random.seed(0)
n = 2000
x = np.linspace(0.0, 10.0, n)
y = np.cumsum(np.random.randn(n)*10).astype(int)


    

In [ ]:

    

# create a bqplot figure
fig_hist = plt.figure(title='Histogram')
hist = plt.hist(y, bins=25)
fig_hist


    

In [ ]:

    

# slider = widgets.IntSlider(min=1, max=100, v_model=30)
# widgets.link((fig_hist, 'bins'), (slider, 'value'))
# slider
import ipyvuetify as v
slider = v.Slider(thumb_label='always', class_="px-4", v_model=30)
widgets.link((slider, 'v_model'), (hist, 'bins'))
slider


    

In [ ]:

    

fig_lines = plt.figure( title='Line Chart')
lines = plt.plot(x, y)
fig_lines


    

In [ ]:

    

selector = plt.brush_int_selector()
def update_range(*ignore):
    if selector.selected is not None and len(selector.selected) == 2:
        xmin, xmax = selector.selected
        mask = (x > xmin) & (x < xmax)
        hist.sample = y[mask]
selector.observe(update_range, 'selected')


    

In [ ]:

    

line_styles = ['dashed', 'solid', 'dotted']
widget_line_styles = v.Select(items=line_styles, label='line style', v_model=line_styles[0])
widget_line_styles


    

In [ ]:

    

widgets.link((widget_line_styles, 'v_model'), (lines, 'line_style'));


    

In [ ]:

    




    

In [ ]:

    

v.Layout(pa_4=True, _metadata={'mount_id': 'content-nav'}, column=True, children=[slider, widget_line_styles]);


    

In [ ]:

    

fig_hist.layout.width = 'auto'
fig_hist.layout.height = 'auto'
fig_hist.layout.min_height = '300px' # so it still shows nicely in the notebook

fig_lines.layout.width = 'auto'
fig_lines.layout.height = 'auto'
fig_lines.layout.min_height = '300px' # so it still shows nicely in the notebook


content_main =  v.Layout(
                    _metadata={'mount_id': 'content-main'},
                    row=True, wrap=True, align_center=True, children=[
                    v.Flex(xs12=True, lg6=True, children=[
                        fig_hist
                    ]),
                    v.Flex(xs12=True, lg6=True, children=[
                        fig_lines
                    ]),
                ])

# no need to display content_main for the voila-vuetify template
# but might be useful for debugging
# content_main


    

In [ ]:

    




    

In [ ]:

    




    

In [ ]: