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