vl.markBar({stroke:"black",fill:"hotpink",height:10})
.background("gray")
.view({fill:"lightyellow",stroke:"black",strokeWidth:5})
.height(400)
.width(500)
.data(data)
.encode(
vl.y().fieldN("playerID").sort({field:"careerHR",order:"descending"}),
vl.x().fieldQ("careerHR"),
vl.tooltip().fieldQ("careerHR")
)
.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.
