viewof canvas = {
const c = DOM.context2d(w, h);
c.canvas.value = c;
return c.canvas;
}
ball = ({x: w/2, y: h/2, r: 30})
drawing = {
// canvas, purple, rectangle
canvas.fillStyle = "purple";
canvas.fillRect(0, 0, w, h);
// ball, red
const {x, y, r} = ball;
canvas.beginPath();
canvas.fillStyle = "red";
canvas.arc(x, y, r, 0, 2 * Math.PI);
canvas.fill();
}
slider
import { slider, videoyt} from "@embracelife/tutorial-utilities"
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.
