# d3-line-range

> d3 v4 line chart with confidence interval

Latest version **1.0.3** (published 2022-09-08) · BSD-3-Clause license · 0 weekly downloads

## Install

```sh
npm install d3-line-range
pnpm add d3-line-range
yarn add d3-line-range
bun add d3-line-range
```

## 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.3 |
| Published | 2022-09-08 |
| First published | 2017-10-10 |
| Weekly downloads | 0 |
| License | BSD-3-Clause |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 14.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | timaronan |
| Maintainers | timaronan |
| Keywords | d3, d3-module, line-range |

## Links

- npm: https://www.npmjs.com/package/d3-line-range
- Repository: https://github.com/timaronan/d3-line-range
- Issues: https://github.com/timaronan/d3-line-range/issues
- npm.io page: https://npm.io/package/d3-line-range

## Dependencies (6)

- [d3-axis](https://npm.io/package/d3-axis.md) 1
- [d3-array](https://npm.io/package/d3-array.md) 1
- [d3-scale](https://npm.io/package/d3-scale.md) 1
- [d3-shape](https://npm.io/package/d3-shape.md) 1
- [d3-selection](https://npm.io/package/d3-selection.md) 1
- [d3-transition](https://npm.io/package/d3-transition.md) 1

## 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.3 (latest) — 2022-09-08
- 1.0.2 — 2022-09-08
- 1.0.0 — 2017-10-10

## README

# d3-line-range v4

d3 v4 port of an interactive line chart with a confidence interval

## Installing

If you use NPM, `npm install d3-line-range`.

## API Reference

<a name="lineRange" href="#lineRange">#</a> d3.<b>lineRange</b>()

Constructs a new default [lineRange generator](#_lineRange).

<a name="_lineRange" href="#_lineRange">#</a> <i>lineRange</i>(<i>data</i>)

For example:

```js
var data = [[1,2,3],[1,7,9],[2,7,12]]; 
var lineRange = d3.lineRange().data(data);
var parent = d3.select('body').call(lineRange);
```

<a name="lineRange_layout" href="#lineRange_layout">#</a> <i>lineRange</i>.<b>layout</b>([<i>{width:width,height:height,margin{top:top,bottom:bottom,left:left,right:right}}</i>])

If *layout* is specified, sets the *layout* and returns this lineRange generator. If *layout* is not specified, returns the current *layout*, which defaults to:  ```{margin:{top: 100, right: 80, bottom: 100, left: 10},width:1500, height:2000}```

<a name="lineRange_duration" href="#lineRange_duration">#</a> <i>lineRange</i>.<b>duration</b>([<i>duration</i>])

If *duration* is specified, sets the animation *duration* and returns this lineRange generator. If *duration* is not specified, returns the current *duration*, which defaults to:  ```1000```

<a name="lineRange_hide" href="#lineRange_hide">#</a> <i>lineRange</i>.<b>hide</b>([<i>hide</i>])

If *hide* is specified, sets the *hide* and returns this lineRange generator. This will hide lines of a specified ID with an animation. If *hide* is not specified, returns the current *hide*, which is the hidden lines by ID, which defaults to:  ```[]```

<a name="lineRange_keys" href="#lineRange_keys">#</a> <i>lineRange</i>.<b>keys</b>([<i>{top,middle,bottom}</i>])

If *keys* is specified, sets the *keys* and returns this lineRange generator. If *keys* is not specified, returns the current *keys*, which are the keys for the range values, which default to:  ```{bottom:0,middle:1,top:2}```

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