Public
Edited
Jul 2, 2023
Insert cell
Insert cell
pts = import("https://esm.sh/pts@0.11.3")
Insert cell
{
const { CanvasSpace, Pt, Group } = pts;

const space = new pts.CanvasSpace("#canva");
const form = space.getForm();
space.setup({ bgcolor: "#3af" });

space.add((t) =>
form.point(space.pointer, pts.Num.cycle((t % 1000) / 1000) * 33)
);
space.bindMouse();
space.play();
return space.autoResize;
// space.stop();
}
Insert cell
Insert cell
new pts.Pt(1, 2).multiply(3, 1).$project(1, 0).ceil().angle()
Insert cell
Insert cell
pts.deg
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