Public
Edited
Apr 16, 2024
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
chrt.Chrt()
.add(
chrt.group()
.add(
chrt.columns()
.data([5,2,5,6,2,8])
.fill('#FFBC41')
)
.add(
chrt.columns()
.data([1,2,3,2,8,7])
.fill('#004C63')
)
)
.node()
Insert cell
Insert cell
chrt.Chrt()
.x([0,10])
.add(
chrt.group()
.add(
chrt.bars()
.data([5,2,5,6,2,8], (d,i) => ({x: d, y:i}))
.fill('#FFBC41')
)
.add(
chrt.bars()
.data([1,2,3,2,8,1], (d,i) => ({x: d, y:i}))
.fill('#004C63')
)
)
.node()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
chrt.Chrt()
.y([0,10])
.add(
chrt.stack()
.add(
chrt.line()
.data([5,2,5,6,2,8])
.fill('#FFBC41')
.area()
.curve(chrt.interpolations.spline)
)
.add(
chrt.line()
.data([1,2,3,2,8,1])
.fill('#004C63')
.area()
.curve(chrt.interpolations.spline)
)
)
.node()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more