d3-radial-axis

1.8.0 • Public • Published

d3-radial-axis

NPM package Build Size NPM Downloads

A radial implementation of the D3 axis component.

To use for instance in a clock or a gauge meter.

Quick start

import { axisRadialInner, axisRadialOuter } from 'd3-radial-axis';

or using a script tag

<script src="//unpkg.com/d3-radial-axis"></script>

then

const myAngleScale = d3.scaleLinear()
    .domain([-10, 10])
    .range([-Math.PI, Math.PI]);
const myRadius = 100;
const myRadialAxis = d3.axisRadialInner(myAngleScale, myRadius);

d3.select(<myDOMElement>).call(myRadialAxis);

API reference

Same features as the regular D3 axis.

d3.axisRadialOuter()
    .ticks()
    .tickArguments()
    .tickValues()
    .tickFormat()
    .tickSize()
    .tickSizeInner()
    .tickSizeOuter()
    .tickPadding()

Includes additional properties to configure the radial axis, the angleScale, and the axis radius.

Also supports the representation of a spiral axis when setting a pair of startRadius and endRadius.

d3.axisRadialOuter()
    .angleScale()
    .radius()
    .startRadius()
    .endRadius()

Package Sidebar

Install

npm i d3-radial-axis

Weekly Downloads

85

Version

1.8.0

License

MIT

Unpacked Size

244 kB

Total Files

7

Last publish

Collaborators

  • vasturiano