Published
Edited
Jun 30, 2019
Importers
3 stars
Insert cell
Insert cell
Insert cell
viewof inputs = InputGroup({
number: slider({ min: 0, max: 100, step: 1, value: 10} ),
season: DOM.select(["Spring", "Summer", "Fall", "Winter"]),
favoriteColor: color(),
badFoods: select({
options: ["Spinach", "Broccoli", "Brussels Sprouts", "Cauliflower", "Kale", "Turnips"],
multiple: true
}),
point: InputGroup({
x: slider(),
y: slider()
})
})
Insert cell
inputs
Insert cell
inputs.point.x
Insert cell
Insert cell
Insert cell
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