Public
Edited
Dec 27, 2023
Insert cell
Insert cell
data = [11, 4, 2]
Insert cell
Plot.plot({
width: 1152,
height: 600,
axis: null,
x: { type: "band", domain: data },
r: {type: "sqrt", range: [0, 100]},
marks: [
Plot.dot(data, {
x: (d) => d,
y: 600 / 2,
r: (d) => d,
stroke: (d, i) => i%2 ? 'orange' : 'blue'
}),
Plot.text(data, {
x: (d) => d,
y: 600 / 2,
text: (d) => d
}),
]
})
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