viewof myInput = {
const form = Inputs.checkbox([2, 3, 5], { label: "Some prime examples:" });
const scope = DOM.uid().id;
form.classList.add(scope);
form.append(htl.html`<style>
form.${scope}, .${scope} > div label { display: block }
`);
return form;
}
customCheckbox(["The number two", 3, 5], { label: "Some prime examples:" })
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
customCheckbox = function (arr, obj) {
const form = Inputs.checkbox(arr, obj);
const scope = DOM.uid().id;
form.classList.add(scope);
form.append(htl.html`<style>
form.${scope}, .${scope} > div label { display: block }
form.${scope} > label {font-weight: bold;}
`);
return form;
}
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.
