Public
Edited
Feb 14, 2023
Plot.plot({
marks: [
Plot.rectY(olympians, Plot.binX({y: "count"}, {x: "weight"})),
Plot.ruleY([0])
],
color: '#ff0f0f'
})
viewof form1 = Inputs.form({
a: Inputs.range([0,50],{label: "a", step:1}),
b: Inputs.range([0,50],{label: "b", step:2})
})
viewof n2 = html`<input type="range" min="0" max="100" step="2">`
viewof form2 = {
const input = html`<input type="range" min="0" step="1">`;
function inputted() { input.max = viewof n2.value; }
viewof n2.addEventListener("input", inputted);
invalidation.then(() => viewof n2.removeEventListener("input", inputted));
inputted();
return input;
}
calc = yield Promises.delay(200, form1.a + form1.b)
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.
