@types/d3-scale

Creating Linear Scales

Linear scales are a type of quantitative scale that create a linear mapping from an input domain to an output range. This is useful for scaling a dataset for graphical representation.

import { scaleLinear } from 'd3-scale';
const linearScale = scaleLinear().domain([0, 100]).range([0, 1]);
console.log(linearScale(50)); // Output: 0.5

Creating Ordinal Scales

Ordinal scales map a set of named categories to an output range. This is particularly useful for assigning colors or other styles based on categorical data.

import { scaleOrdinal } from 'd3-scale';
const colorScale = scaleOrdinal().domain(['apple', 'banana', 'cherry']).range(['red', 'yellow', 'purple']);
console.log(colorScale('banana')); // Output: yellow

Creating Time Scales

Time scales are used for time-based data, mapping dates (Date objects) from an input domain to a numeric range. This is useful for creating time-based charts like timelines or Gantt charts.

import { scaleTime } from 'd3-scale';
const timeScale = scaleTime().domain([new Date(2020, 0, 1), new Date(2020, 11, 31)]).range([0, 100]);
console.log(timeScale(new Date(2020, 6, 1))); // Output: 50