d3-radial-axis
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
var d3.radialAxis = require('d3-radial-axis');
or even
<script src="https://github.com/path/to/dist/d3-radial-axis.js"></script>
then
var myAngleScale = d3.scaleLinear()
.domain([-10, 10])
.range([-Math.PI, Math.PI]);
var myRadius = 100;
var 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()