Public
Edited
Feb 15, 2024
3 stars
visualize(square, xCross, disk, triangle)
visualize(compute((row, col) => row === 0))
// └─ top ─┘
visualize(compute((row, col) => row === size - 1))
// └─── bottom ───┘
visualize(compute((row, col) => col === 0))
// └─ left ─┘
visualize(compute((row, col) => col === size - 1))
// └──── right ────┘
square = compute((row, col) => (col === 0 || row === 0 || col === size - 1 || row === size - 1))
visualize(square)
xCross = compute((x, y) => x === y || x === size - 1 - y)
disk = {
const center = { x: (size - 1) / 2, y: (size - 1) / 2 };
const distance = (x, y) => Math.sqrt(Math.pow(center.x - x, 2) + Math.pow(center.y - y, 2));
return compute((x, y) => distance(x, y) < size / 2);
}
visualize(disk)
triangle = compute((y, x) => true)
visualize(triangle)
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.
