parabola1 = vl.markLine({stroke:"#876CBA",size:3,fill:"lightgrey",clip:true})
.width(800)
.height(335)
.data(dataFilter)
.encode(
vl.x().fieldQ("x").scale({domain:[-50,50]}),
vl.y().fieldQ("y").scale({domain:[0,2500]})
)
parapoint1 = vl.markCircle({stroke:"black",size:300,fill:"black",clip:true})
.width(800)
.height(335)
.data(dataFilter2)
.encode(
vl.x().fieldQ("x").scale({domain:[-50,50]}),
vl.y().fieldQ("y").scale({domain:[0,2500]})
)
dataFilter = data.filter(d => d.x <= xcoord)
dataFilter2 = data.filter(d=>d.x == xcoord)
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.
