Published
Edited
Sep 3, 2019
Insert cell
Insert cell
vl.layer(line,circle).render()
Insert cell
viewof x=slider({min:-10,max:10,step:1,value:-10})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
dataFilt2=data.filter(d=>d.x==x)
Insert cell
line=vl.markLine()
.data(datafilt)
.encode(
vl.x().fieldQ("x").scale({domain:[-10,10]}),
vl.y().fieldQ("y").scale({domain:[0,100]})
)

Insert cell
circle=line.markCircle({fill:"pink",stroke: "light blue",size:100,clip:true})
.data(dataFilt2)
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more