Public
Edited
Apr 30
<svg id="kitten" width="600" height="600" style="border: dashed 1px purple">
<circle cx="300" cy="500" r="20" />
</svg>
viewof ncerchi= Inputs.range([1,10],{ step: 1})
{
d3.select("#kitten").selectAll("circle").data([...Array(ncerchi).keys()]).join("circle")
.attr("cx", 300).attr("cy", 300)
.attr("r", x=> 300 - 30*x)
.style("fill", x => x%2 ? "navy" : "azure")
}
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.
