Public
Edited
May 17
1 fork
run = quickStart(canvas, { bgcolor: "gold" })
result = run((time, ftime, space, form) => {
let c1 = pts.Circle.fromCenter(space.pointer, space.size.y / 4);
let c2 = pts.Circle.fromCenter(space.pointer, space.size.y / 8);
let ct = pts.Circle.fromCenter(space.center, space.size.y / 4);
let ins1 = pts.Circle.intersectCircle2D(c1, ct);
let ins2 = pts.Circle.intersectCircle2D(c2, ct);
form.fillOnly("#0c6").circle(c1);
form.fill("#fe3").circle(c2);
form.fill("rgba(70,30,240,.2)").circle(ct);
form.fill("rgba(70,30,240,.3)").points(ins1, 10, "circle");
form.fill("#f06").points(ins2, 5, "circle");
})
run2 = quickStart("#canva2", {})
run2((time, ftime, space, form) => {
let p = space.pointer;
form.fill("gold").point(p, 60, "square");
form
.fill("rgba(70,30,240,.5)")
.point(new pts.Pt(p.x + 60, p.y), 80, "square");
})
import { pts, quickStart } from "@icezeeo/ptsjs"
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.
