@types/d3-interpolate

Number Interpolation

This feature allows you to interpolate between two numbers. The example code demonstrates how to interpolate between 0 and 100, returning 50 when the interpolation factor is 0.5.

const d3 = require('d3-interpolate');
const interpolateNumber = d3.interpolateNumber(0, 100);
console.log(interpolateNumber(0.5)); // 50

Color Interpolation

This feature allows you to interpolate between two colors. The example code demonstrates how to interpolate between 'red' and 'blue', returning 'rgb(128, 0, 128)' when the interpolation factor is 0.5.

const d3 = require('d3-interpolate');
const interpolateColor = d3.interpolateRgb("red", "blue");
console.log(interpolateColor(0.5)); // rgb(128, 0, 128)

String Interpolation

This feature allows you to interpolate between two strings. The example code demonstrates how to interpolate between '0%' and '100%', returning '50%' when the interpolation factor is 0.5.

const d3 = require('d3-interpolate');
const interpolateString = d3.interpolateString("0%", "100%");
console.log(interpolateString(0.5)); // '50%'

Array Interpolation

This feature allows you to interpolate between two arrays. The example code demonstrates how to interpolate between [0, 1] and [10, 20], returning [5, 10.5] when the interpolation factor is 0.5.

const d3 = require('d3-interpolate');
const interpolateArray = d3.interpolateArray([0, 1], [10, 20]);
console.log(interpolateArray(0.5)); // [5, 10.5]

Object Interpolation

This feature allows you to interpolate between two objects. The example code demonstrates how to interpolate between {a: 0, b: 1} and {a: 10, b: 20}, returning {a: 5, b: 10.5} when the interpolation factor is 0.5.

const d3 = require('d3-interpolate');
const interpolateObject = d3.interpolateObject({a: 0, b: 1}, {a: 10, b: 20});
console.log(interpolateObject(0.5)); // {a: 5, b: 10.5}