# d3-axis-norender

> Return axis object for scales.

Latest version **1.0.8-r4** (published 2018-08-08) · BSD-3-Clause license · 0 weekly downloads

## Install

```sh
npm install d3-axis-norender
pnpm add d3-axis-norender
yarn add d3-axis-norender
bun add d3-axis-norender
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.8-r4 |
| Published | 2018-08-08 |
| First published | 2018-05-18 |
| Weekly downloads | 0 |
| License | BSD-3-Clause |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 25.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Mike Bostock |
| Maintainers | bashz, hexastack_admin, marrouchi |
| Keywords | d3, no-render, d3-module, axis, scale, visualization |

## Links

- npm: https://www.npmjs.com/package/d3-axis-norender
- Repository: https://github.com/Hexastack/d3-axis-norender
- Homepage: https://d3js.org/d3-axis/
- Issues: https://github.com/Hexastack/d3-axis-norender/issues
- npm.io page: https://npm.io/package/d3-axis-norender

## Alternatives

- [d3-force-3d](https://npm.io/package/d3-force-3d.md) — 1.0M weekly downloads
- [ng2-charts](https://npm.io/package/ng2-charts.md) — 486.8K weekly downloads
- [@arcgis/core](https://npm.io/package/@arcgis/core.md) — 257.8K weekly downloads
- [react-sparklines](https://npm.io/package/react-sparklines.md) — 249.3K weekly downloads
- [react-native-gifted-charts](https://npm.io/package/react-native-gifted-charts.md) — 182.3K weekly downloads

## Recent versions

- 1.0.8-r4 (latest) — 2018-08-08
- 1.0.8-r3 — 2018-08-08
- 1.0.8-r2 — 2018-07-23
- 1.0.8-r1 — 2018-07-23
- 1.0.8 — 2018-05-18

## README

# d3-axis-norender

This is the same [d3-axis](https://github.com/d3/d3-axis/releases/latest) by Mike Bostock but without rendering inside a selection, if you do not know about it we suggest you take a look there first, most likely it is what you are looking for.

No selection is needed to be passed, this lib returns the axis as a Javascript Object instead, the Object is in this format:
```Javascript
{
  anchor: 'middle', // anchor of the svg text element
  path: { d: 'M0.5,6V0.5H1.5V6' }, // svg path designing the line of the axis
  ticks: [ // list of ticks
    { transform: 'translate(0,0.5)',
      line: { y2: 6 },
      text: { dy: '0.32em', text: '0.00', y: 9 }
    },
    ...
    ...
    { transform: 'translate(0,1.5)',
      line: { y2: 6 },
      text: { dy: '0.32em', text: '1.00', y: 9 }
    }
  ]
}
```

## Installing

If you use NPM, `npm install d3-axis-norender`. Otherwise, download the [latest release](https://github.com/Hexastack/d3-axis-norender). You can also load directly from [jsdelivr.net](https://cdn.jsdelivr.net/npm/d3-axis-norender).

```html
<script src="https://cdn.jsdelivr.net/npm/d3-axis-norender"></script>
<script>

var axis = d3.axisLeft(scale);
console.log(axis)
</script>
```

[Try d3-axis-norender in your browser.](https://tonicdev.com/npm/d3-axis-norender)

---
_Source: https://npm.io/package/d3-axis-norender · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._