Public
Edited
Nov 1, 2023
Insert cell
Insert cell
viewof button = Inputs.button("Click me")
Insert cell
viewof checkboxes = Inputs.checkbox(["A", "B"], {label: "Select some", value: ["A"]})
Insert cell
viewof radios = Inputs.radio(["A", "B"], {label: "Select one", value: "A"})
Insert cell
viewof date = Inputs.date({ label: "Date", value: "2023-11-01" })
Insert cell
viewof range = Inputs.range([0, 100], { label: "Amount", step: 1 })
Insert cell
range
Insert cell
Insert cell
viewof color = Inputs.color({ label: "Favorite color", value: "#4682b4" })
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