Published unlisted
Edited
Jul 12, 2018
slider1 = {
const slider = html`<input type=range name=r min=0 max=255 step=1>`;
slider.oninput = () => viewof slider_value.value = slider.valueAsNumber;
const update = () => slider.value = viewof slider_value.value;
viewof slider_value.addEventListener("input", update);
return Generators.disposable(slider, () => {
viewof slider_value.removeEventListener("input", update);
});
}
slider2 = {
const slider = html`<input type=range name=r min=0 max=255 step=1>`;
slider.oninput = () => viewof slider_value.value = slider.valueAsNumber;
const update = () => slider.value = viewof slider_value.value;
viewof slider_value.addEventListener("input", update);
return Generators.disposable(slider, () => {
viewof slider_value.removeEventListener("input", update);
});
}
slider_value
viewof slider_value = new View(127)
import {View} from '@mbostock/synchronized-views'
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.
