Hello!
html`
error: ${Math.abs(113.7 - (slope*456+intercept))}
`
vl.layer(datapoints,line,endpoints,error).render()
line = vl.markLine({stroke:"red"})
.data([{x:0,y:y1},{x:500,y:y2}])
.encode(
vl.x().fieldQ("x"),
vl.y().fieldQ("y").scale({domain:[0,140]})
)
endpoints = vl.markCircle({fill:"aqua",stroke:"black",size:200})
.data([{x:0,y:y1},{x:500,y:y2}])
.encode(
vl.x().fieldQ("x"),
vl.y().fieldQ("y").scale({domain:[0,140]})
)
error = vl.markLine({stroke:"black",strokeDash:[5,2]})
.data([{x:456,y:113.7},{x:456,y:slope*456+intercept}])
.encode(
vl.x().fieldQ("x"),
vl.y().fieldQ("y").scale({domain:[0,140]})
)
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.
