Anaconda Enterprise: Documentation

# interaction_callbacks_for_range_update.py

    import numpy as np

    from bokeh.layouts import row
    from bokeh.models import ColumnDataSource, CustomJS, Rect
    from bokeh.plotting import output_file, figure, show

    output_file('range_update_callback.html')

    N = 4000

    x = np.random.random(size=N) * 100
    y = np.random.random(size=N) * 100
    radii = np.random.random(size=N) * 1.5
    colors = [
        "#%02x%02x%02x" % (int(r), int(g), 150) for r, g in zip(50+2*x, 30+2*y)
    ]

    source = ColumnDataSource({'x': [], 'y': [], 'width': [], 'height': []})

    jscode="""
        var data = source.data;
        var start = cb_obj.start;
        var end = cb_obj.end;
        data['%s'] = [start + (end - start) / 2];
        data['%s'] = [end - start];
        source.change.emit();
    """

    p1 = figure(title='Pan and Zoom Here', x_range=(0, 100), y_range=(0, 100),
                tools='box_zoom,wheel_zoom,pan,reset', plot_width=400, plot_height=400)
    p1.scatter(x, y, radius=radii, fill_color=colors, fill_alpha=0.6, line_color=None)

    p1.x_range.callback = CustomJS(
            args=dict(source=source), code=jscode % ('x', 'width'))
    p1.y_range.callback = CustomJS(
            args=dict(source=source), code=jscode % ('y', 'height'))

    p2 = figure(title='See Zoom Window Here', x_range=(0, 100), y_range=(0, 100),
                tools='', plot_width=400, plot_height=400)
    p2.scatter(x, y, radius=radii, fill_color=colors, fill_alpha=0.6, line_color=None)
    rect = Rect(x='x', y='y', width='width', height='height', fill_alpha=0.1,
                line_color='black', fill_color='black')
    p2.add_glyph(source, rect)

    layout = row(p1, p2)

    show(layout)