The avatar for @observablehq
Observable
The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Published
Observable Inputs
Edited
Oct 15, 2021
3 forks
Importers
16 stars
Insert cell
Insert cell
Insert cell
viewof x = Inputs.range()
Insert cell
x
Insert cell
md`The current value of *x* is ${x.toLocaleString("en")}.`
Insert cell
Insert cell
viewof y = Inputs.range([0, 255], {step: 1})
Insert cell
Insert cell
Insert cell
viewof z = Inputs.range([0, 255], {step: 1, value: 0})
Insert cell
z
Insert cell
Insert cell
viewof gain = Inputs.range([0, 11], {label: "Gain", step: 0.1, placeholder: "0–11"})
Insert cell
gain
Insert cell
Insert cell
viewof n = Inputs.range([1, 10], {label: html`Top <i>n</i>`, step: 1})
Insert cell
Insert cell
viewof psir = Inputs.range([0, 1], {label: tex`\psi(\textbf{r})`})
Insert cell
Insert cell
viewof m = Inputs.number([0, Infinity], {step: 1, label: "Favorite integer", placeholder: ""})
Insert cell
m
Insert cell
Insert cell
Inputs.range([1, 100], {transform: Math.log})
Insert cell
Inputs.range([0, 1], {transform: Math.sqrt})
Insert cell
Insert cell
viewof f = Inputs.range([0, 1], {format: x => x.toFixed(2)})
Insert cell
f
Insert cell
Insert cell
viewof d = Inputs.range([0, 1], {disabled: true})
Insert cell
d
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