chrt.Chrt()
.size(chrtWidth, chrtWidth/2)
.x({domain: [0,10]})
.y({scale:'ordinal'})
.add(chrt.yAxis())
.add(
chrt.bars()
.data([5,1,2,5,6,2,4,6], (d, i) => ({
x: d,
y: `cat ${i}`
}))
.width(1)
.inset(1)
)
.node()
chrt.Chrt()
.size(chrtWidth, chrtHeight)
.add(
chrt.columns()
.data([5,1,2,5,6,2,4,6])
)
.node()
chrt.Chrt()
.size(chrtWidth, chrtHeight)
.add(
chrt.columns()
.data([-5,1,2,5,6,-2,-4,-6])
.color('#a0091d')
.strokeWidth(3)
.strokeOpacity(0.5)
.fill('333')
.fillOpacity(0.25)
)
.node()
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.
