dataFilt = data.filter(d=> d.x == x)
plot1=vl.markArea({stroke:"black",fill:"pink"})
.title(`Tail Area: ${dataFilt[0].area}`)
.data(data)
.transform(
vl.filter(`datum.x <=${x}`)
)
.encode(
vl.x().fieldQ("x").scale({domain:[-4,4]}),
vl.y().fieldQ("y").scale({domain:[0,.4]})
)
plot2=vl.markArea({stroke:"black",fill:"red"})
.data(data)
.encode(
vl.x().fieldQ("x").scale({domain:[-4,4]}),
vl.y().fieldQ("y").scale({domain:[0,.4]})
)
plot3=vl.markArea({stroke:"black",fill:"pink"})
.title(`Tail Area: ${2*dataFilt[0].area}`)
.data(data)
.transform(
vl.filter(`datum.x <=${x} && datum.x >= ${-x}`)
)
.encode(
vl.x().fieldQ("x").scale({domain:[-4,4]}),
vl.y().fieldQ("y").scale({domain:[0,.4]})
)
.render()
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.
