d3-custom-scale
TypeScript icon, indicating that this package has built-in type declarations

1.0.5 • Public • Published

d3-custom-scales

This library allows the user to define custom scales from mathematical functions. The first parameter is the actual transform function, while the second one is the inverse function, used to perform the invert() method.

const asinhScale = scaleCustom(x => Math.asinh(x), x => Math.sinh(x));

scaleCustom() returns a d3 scale, so all scale methods are available

const customScale = scaleCustom(x => x, x => x).domain([0,1]).range([0,100]).clamp(true)

scaleCustom() allows 3 more optional parameters:

  • ticks used to customize the ticks displayed
  • tickFormat which define how a tick value is converted to string
  • nice to provide better control of how the domain is rounded
// full signature
export const scaleCustom: scaleFunction = (
  transform: (x: number) => number,
  untransform: (x: number) => number,
  ticks?: (count: number) => number[],
  tickFormat?: (count?: number, specifier?: string) => (d: number) => string,
  nice?: (count?: number) => ContinuousScale,
) => {}

Package Sidebar

Install

npm i d3-custom-scale

Weekly Downloads

7

Version

1.0.5

License

MIT

Unpacked Size

130 kB

Total Files

19

Last publish

Collaborators

  • franz38