Public
Edited
Jul 1, 2024
Plot.plot({
r: { domain: [0, 5], range: [0, 13] },
inset: 15,
marks: [
Plot.dot(data, {
x: "x",
y: "y",
r: "r",
fill: "type"
}),
Plot.tip(
data,
Plot.pointer(
Plot.group(
{},
{ x: "x", y: "y", tip: true, title: (d) => `${d.type}[${d.r}]` }
)
)
)
]
})
data = Array.from({ length: 700 }, (_, i) => ({
x: i % 9,
y: ((i / 10) | 0) % 10,
r: 1 + ((i / 100) | 0),
type: "ABCDEFG"[(i * i * (i + 1)) % "ABCDEFG".length]
}))
random = d3.randomNormal.source(d3.randomLcg(42))(0, 0.01)
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.
