# @vx/axis

<p>
  <a title="@vx/axis npm downloads" href="https://www.npmjs.com/package/@vx/axis">
    <img src="https://img.shields.io/npm/dm/@vx/axis.svg?style=flat-square" />
  </a>
</p>

An axis component consists of a line with ticks, tick labels, and an axis label that helps viewers
interpret your graph.

You can use one of the 4 pre-made axes, or you can create your own based on the `<Axis />` element.
Note that the `@vx/react-spring` package exports an `AnimatedAxis` variant with animated ticks.

## Installation

```
npm install --save @vx/axis
```