Interpolate Range

Numeric range interpolation à la ReactNative's AnimatedValue.interpolate(). No dependencies, handy for animation or plotting points on a chart.

Props

Name | Type | Description --- | --- | --- input | [number, number] | Input range (required) output | [number, number] | Output range (required) clamp | boolean | Restrict the returned value to the output range fn | (from, to, x) => number | Alternative function to call on the value

Usage

import interpolate from 'interpolate-range';

function generateCurve({ floor, ceil, total }) {
  const data = [];
  const int = interpolate({
		inputRange: [floor, ceil],
		outputRange: [0, 1],
		clamp: true,
	});

  for (let k = 0; k < total; k++) {
    data.push({ x: k, y: int(k) });
  }

  return data;
}