CurveEdit#
Download this notebook from GitHub (right-click to download).
Title: CurveEdit Stream#
Description: A linked streams example demonstrating how to use the CurveEdit stream.
Dependencies: Bokeh
Backends: Bokeh
import numpy as np
import holoviews as hv
from holoviews import opts, streams
from holoviews.plotting.links import DataLink
hv.extension('bokeh')
The CurveEdit stream adds a bokeh tool to the source plot, which allows drawing, dragging and deleting points and making the drawn data available to Python. The tool supports the following actions:
Move vertex
Tap and drag an existing vertex, the vertex will be dropped once you let go of the mouse button.
Delete vertex
Tap a vertex to select it then press BACKSPACE or DELETE key while the mouse is within the plot area.
As a simple example we will create a CurveEdit stream and attach it to a Curve with a simple timeseries. By using a DataLink we then link the tool to a Table.
If we select the PointDraw tool (
) the vertices will appear and allow us to drag and delete vertex. We can also see the x/y position change in the table and edit it. To change the appearance of the vertices we can supply a style to the CurveEdit stream:
curve = hv.Curve(np.random.randn(10).cumsum())
curve_stream = streams.CurveEdit(data=curve.columns(), source=curve, style={'color': 'black', 'size': 10})
table = hv.Table(curve).opts(editable=True)
DataLink(curve, table)
(curve + table).opts(
opts.Table(editable=True))
Whenever the data source is edited the data is synced with Python, both in the notebook and when deployed on the bokeh server. The data is made available as a dictionary of columns:
curve_stream.data
{'x': [np.float64(0.0),
np.float64(1.0),
np.float64(2.0),
np.float64(3.0),
np.float64(4.0),
np.float64(5.0),
np.float64(6.0),
np.float64(7.0),
np.float64(8.0),
np.float64(9.0)],
'y': [np.float64(1.962700520663473),
np.float64(2.472339910135052),
np.float64(1.8989817304043277),
np.float64(1.5617816274646514),
np.float64(0.643119420781066),
np.float64(0.31043736443449405),
np.float64(0.3092450631642911),
np.float64(0.34118138118965297),
np.float64(-0.04934051795047728),
np.float64(-1.57984175129793)]}
Alternatively we can use the element property to get an Element containing the returned data:
curve_stream.element
Download this notebook from GitHub (right-click to download).