chart = {
const svg = d3.create("svg")
.attr("width", width)
.attr("height", height);
svg
.selectAll("circle")
.data(d3.range(100))
.join("circle")
.attr("cx", d => d * 50)
.attr("cy", height / 2)
.attr("r", d => Math.random() * 20)
.attr("fill", "hsl(216deg 100% 13%)");
return svg.node();
}
height = 200
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.
