Northeastern University Visualization group
Published
Edited
Apr 22, 2022
1 fork
7 stars
viewof n = Inputs.range([1, maxN], { step: 1 })
shuffle
chart = html`
<svg width="${width}" height="${height}">
${circles.slice(0, n)}
</svg>
`
circles = {
shuffle;
return Array.from({ length: maxN }).map(
() =>
`<circle
cx=${Math.random() * width}
cy=${Math.random() * height}
r=${Math.random() * maxR}
fill = #${Math.floor(Math.random()*256**3).toString(16)}
></circle>`
);
}
maxR = 20
height = 300
maxN = 700
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.
