Public
Edited
Mar 22, 2023
Insert cell
Insert cell
{
const container = d3.select(DOM.svg(600,300)).attr("style","border:solid 1px black")
const square = container.append("rect")
.attr("width",50)
.attr("height",50)

yield container.node()

await square.transition().duration(1000).ease(d3.easeBounceOut).attr("x",300).end()
square.transition().duration(1000).ease(d3.easeBounceOut).attr("y",150)
}
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