Published
Edited
Feb 4, 2021
2 forks
25 stars
Insert cell
Insert cell
viewof x = {
const div = html`
<input type=range min=0 max=100>
<input type=number min=0 max=100 style="width:auto;">
`;
const range = div.querySelector("[type=range]");
const number = div.querySelector("[type=number]");
div.value = range.value = number.value = 50;
range.oninput = () => number.value = div.value = range.valueAsNumber;
number.oninput = () => range.value = div.value = number.valueAsNumber;
return div;
}
Insert cell
md`The current value is: ${x}`
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