vl.markCircle({stroke:"black"})
.data(data)
.encode(
vl.x().fieldQ("AB").scale({domain:[0,700]}),
vl.y().fieldQ("SO").scale({domain:[0,160]}),
vl.color().field("teamID").scale({range:["red","yellow"]}),
vl.size().fieldQ("HR").scale({range:[0,x]})
)
.render()
viewof x=slider({max:5000,step:1})
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.
