Input: Range

Observable Framework documentation: Input: Range Source: https://observablehq.com/framework/input-range

API · Source · The range input specifies a number between the given min and max (inclusive). This number can be adjusted roughly by sliding, or precisely by typing. A range input is also known as a slider.

By default, a range chooses a floating point number between 0 and 1 with full precision, which is often more precision than desired.

const x = view(Inputs.range());

x

The step option is strongly encouraged to set the desired precision (the interval between adjacent values). For integers, use step = 1. The up and down buttons in the number input will only work if a step is specified. To change the extent, pass [min, max] as the first argument.