viewof s1 = rangeSlider({
min: 0,
max: 100,
step: 1,
value: JSON.parse(textRange),
precision: 0,
description: "Range"
})
Inputs.button([
["Set range to [20,80]", () => set(viewof textRange, "[20, 80]")],
])
viewof textRange = Inputs.text({value: "[0, 20]"})
viewof s2 = rangeSlider({
min: 0,
max: 100,
step: 1,
value: range,
precision: 0,
description: "Range"
})
Inputs.button([
["Set range to [20,80]", () => mutable range = [20, 80]],
])
mutable range = [0, 20]
import { rangeSlider } from "@mootari/range-slider"
import { set } from "@observablehq/synchronized-inputs"
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.
