Public
Edited
Mar 21, 2023
Insert cell
Insert cell
viewof heights = Inputs.range([0,300],{step:1})
Insert cell
viewof widths = Inputs.range([600,0],{step:1})
Insert cell
{
const container = d3.select(DOM.svg(600,300)).attr("style","border: 1px black solid")
container.append("circle")
.attr('r',50)
.attr('fill',"steelblue")
.attr('cx',300)
.attr('cy',150)
container.append("rect")
.attr('width',50)
.attr('height',50)
.attr('x',widths)
.attr('y',heights)
return container.node()
}
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