Public
Edited
Feb 26, 2023
Insert cell
Insert cell
Insert cell
viewof i = Inputs.input(10)
Insert cell
5*i
Insert cell
Inputs.bind(Inputs.range([0, 100]), viewof i)
Insert cell
Inputs.range([0, 200], {value: i})
Insert cell
viewof x = Inputs.input(15)
Insert cell
// ในทางปฏิบัติ เราเลือก model จากตัวเลือกไม่กี่ตัวพอ.
// แต่ถ้าได้ scaling law ก็โอเค
Insert cell
Inputs.form([
Inputs.range([0, 255], {step: 1, label: "r"}),
Inputs.range([0, 255], {step: 1, label: "g"}),
Inputs.range([0, 255], {step: 1, label: "b"})
])
Insert cell
viewof xy = Inputs.form([
Inputs.bind(
Inputs.range([0, 100], {step: 1, label: "x"}),
viewof x),
Inputs.range([0, 100], {step: 1, label: "y", value: 100-x}),
])
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

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