@types/d3-scale

What is @types/d3-scale?

The @types/d3-scale package provides TypeScript type definitions for the d3-scale library, which is part of D3.js, a JavaScript library for producing dynamic, interactive data visualizations in web browsers. This package helps developers by enabling type checking and IntelliSense support in TypeScript projects using d3-scale.

What are @types/d3-scale's main functionalities?

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

Other packages similar to @types/d3-scale

@types/d3-array

Provides TypeScript definitions for d3-array, similar to @types/d3-scale but focused on array manipulation functions. While d3-scale deals with data scaling and mapping, d3-array provides methods for aggregating, sorting, and manipulating arrays.

@types/d3-axis

Offers TypeScript definitions for d3-axis, which is used to create axes for charts in D3. This package complements @types/d3-scale by providing types for components that utilize scales to display axes and grid lines in visualizations.

README

Installation

npm install --save @types/d3-scale

Summary

This package contains type definitions for D3JS d3-scale module (https://github.com/d3/d3-scale/).

Details

Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/d3-scale/v3.

Additional Details

• Last updated: Fri, 22 Sep 2023 20:29:40 GMT
• Dependencies: @types/d3-time
• Global values: none

Credits

These definitions were written by Tom Wanzek, Alex Ford, Boris Yankov, denisname, rulonder, and Nathan Bierema.