htl.html`<svg width=${width} height=${height}>
</svg>`
viewof toggle = Inputs.toggle({label: "Active", value: true})
height = 200
import {Pack} from "@d3/pack-component"
viewof radios = Inputs.radio(["A", "B"], {label: "Select one", value: "B"})
canvas = {
const context = DOM.context2d(width, 200);
context.fillStyle = "hsl(216deg 100% 13%)";
context.fillRect(0, 0, width, 200);
return context.canvas;
}
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.
