Sliders with different mappings

The mapping of the following sliders are linear, log10, ln, log2 and positiveReciprocal, respectively. Below, the degree, radianAsDegree and date mapping is shown. All sliders show the same internal value.

If you enter the number 2 in the edit element of the linear slider, you'll see that the position of the positiveReciprocal slider changes to its middle position, i. e. to 1/2.

If you enter "10" in edit element of the linear slider, you'll see that the position of the log sliders changes to exactly the center position of the slider. This is because the minimum and maximum of all sliders are 1 and 100, respectively and \log_{10}(10) = 1 is the center of \log_{10}(1) = 0 and \log_{10}(100) = 2.

If you were to set 1 and 1000 for the min and max property, respectively and enter the number 10 in the edit element of the linear slider, you'll see that the positions of the logarithmic sliders change to 1/3 (relative, from the left on the slider).

As you see, the logarithmic mappings log10, ln, log2 are equivalent for the purpose of interpolating values along the silder.

The 'radianAsDegree' mapping displays the value multiplied by 180/\pi, but uses internally the original value. As is consistent with the display of axis ticks, the degree symbol is rendered automatically directly following the number.