@types/d3-scale-chromatic

What is @types/d3-scale-chromatic?

@types/d3-scale-chromatic provides TypeScript type definitions for the d3-scale-chromatic library, which is part of the D3.js ecosystem. This library offers a variety of color scales that can be used for data visualization, including both continuous and discrete color schemes.

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

Continuous Color Scales

Continuous color scales interpolate colors smoothly across a range. The example uses the Viridis color scale to get a color at the midpoint.

const d3 = require('d3-scale-chromatic');
const scale = d3.interpolateViridis(0.5); // Returns a color in the middle of the Viridis scale

Discrete Color Scales

Discrete color scales provide a set of distinct colors. The example uses the Category10 scheme to get an array of 10 categorical colors.

const d3 = require('d3-scale-chromatic');
const colors = d3.schemeCategory10; // Returns an array of 10 categorical colors

Diverging Color Scales

Diverging color scales are useful for data that has a meaningful midpoint. The example uses the Red-Yellow-Blue scale to get a color at the midpoint.

const d3 = require('d3-scale-chromatic');
const scale = d3.interpolateRdYlBu(0.5); // Returns a color in the middle of the Red-Yellow-Blue diverging scale

Sequential Color Scales

Sequential color scales are used for data that progresses from low to high. The example uses the Blues scale to get a color at the midpoint.

const d3 = require('d3-scale-chromatic');
const scale = d3.interpolateBlues(0.5); // Returns a color in the middle of the Blues sequential scale

Other packages similar to @types/d3-scale-chromatic

chroma-js

Chroma.js is a JavaScript library for color conversions and color scales. It offers a wide range of color manipulation and interpolation functionalities, similar to d3-scale-chromatic, but with additional features like color blending and color contrast calculations.

colorbrewer

ColorBrewer is a library that provides color schemes for maps and data visualizations. It is similar to d3-scale-chromatic in that it offers a variety of color scales, but it is more focused on cartographic applications.

colormap

Colormap is a library that provides a variety of colormaps for data visualization. It is similar to d3-scale-chromatic in offering both continuous and discrete color scales, but it also includes some unique colormaps not found in d3-scale-chromatic.

README

Installation

npm install --save @types/d3-scale-chromatic

Summary

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

Details

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

Additional Details

• Last updated: Mon, 20 Nov 2023 23:36:24 GMT
• Dependencies: none

Credits

These definitions were written by Hugues Stefanski, Alex Ford, Boris Yankov, Henrique Machado, and Nathan Bierema.