@antv/scale

@antv/scale

Toolkit for mapping abstract data into visual representation. Living Demo · 中文文档

✨ Features

• Powerful: Ability to customize tickMethod are offered with abundant kinds of scales.
• High performance: Use different methods to cache some state of scales to improve performance.
• Fully embrace TypeScript: All code are written in TypeScript and complete type definition files are provided.

📦 Installation

$ npm install @antv/scale

🔨 Getting Started

• Basic usage

import { Linear, LinearOptions } from '@antv/scale';

const options: LinearOptions = {
  domain: [0, 10],
  range: [0, 100],
};
const x = new Linear(options);

x.map(2); // 20
x.invert(20); // 2
x.getTicks(); // [0, 2.5, 5, 7.5, 10]

• Customize tickMethod

import { Linear } from '@antv/scale';

const x = new Linear({
  domain: [0, 10],
  range: [0, 100],
  tickCount: 3,
  tickMethod: () => [0, 5, 10],
});

x.getTicks(); // [0, 5, 10]

📎 Links

• Introduction
• API Reference

📮 Contribution

$ git clone [e-mail]:antvis/scale.git

$ cd scale

$ npm i

$ npm t

Then send a pull request after coding.

📄 License

MIT@AntV.

Similar packages

Other packages similar to @antv/scale

d3-scale

d3-scale is a part of the D3.js library and provides similar functionality for creating scales. It supports a wide range of scale types including linear, logarithmic, ordinal, and time scales. Compared to @antv/scale, d3-scale is more widely used and has a larger community, but @antv/scale may offer better integration with other AntV libraries.

vega-scale

vega-scale is part of the Vega visualization grammar and provides a variety of scale types for mapping data to visual values. It is similar to @antv/scale in terms of functionality but is designed to work within the Vega ecosystem. It offers robust support for different scale types and is well-documented.