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
2 forks
Importers
24 stars
Observable Inputs
Hello, Inputs!Button InputToggle InputCheckbox InputDate InputRadio InputRange InputSelect InputText InputTextarea Input
Color Input
File InputTable InputSearch InputSynchronized InputsLegacy InputsForm Input
Insert cell
Insert cell
viewof color = Inputs.color({label: "Favorite color", value: "#4682b4"})
Insert cell
color
Insert cell
Insert cell
viewof fill = Inputs.color({label: "Fill", value: d3.color("steelblue").formatHex()})
Insert cell
Insert cell
viewof stroke = Inputs.color({label: "Stroke", datalist: d3.schemeTableau10})
Insert cell
stroke
Insert cell
Insert cell
viewof disabled = Inputs.color({label: "Disabled", value: "#f28e2c", disabled: true})
Insert cell
disabled
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