Published
Edited
Nov 30, 2019
Insert cell
Insert cell
Insert cell
w
Insert cell
Insert cell
viewof canvas = {
const c = DOM.context2d(w, h);
c.fillStyle = "purple";
c.fillRect(0, 0, w, h);
c.canvas.value = c;
return c.canvas;
}
Insert cell
canvas
Insert cell
{
canvas.fillStyle = "blue";
canvas.fillRect(0, 0, w/2, h/2)
}
Insert cell
slider
Insert cell
import { slider } from "@embracelife/tutorial-utilities"
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