Published
Edited
May 4, 2021
Importers
Insert cell
Insert cell
Insert cell
viewof valuesArray = form(
[slider({ description: "Slider 0" }), slider({ description: "Slider 1" })],
{
caption: "Array-valued result",
style: "border: 3px solid red; padding-left: 5px;"
}
)
Insert cell
valuesArray
Insert cell
viewof valuesObject = form(
{ a: slider(), b: slider() },
{ caption: "Object-valued result" }
)
Insert cell
viewof valuesObjectReordered = form(
{
a: slider({ description: "Slider a" }),
b: slider({ description: "Slider b" })
},
{
order: ["b", "a"],
caption: "Array-valued result with"
}
)
Insert cell
valuesObjectReordered
Insert cell
Insert cell
import { slider } from "@jashkenas/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