nightingale-linegraph-track

Nightingale Line Graph

Usage no npm install needed!

<script type="module">
  import nightingaleLinegraphTrack from 'https://cdn.skypack.dev/nightingale-linegraph-track';
</script>

README

nightingale-linegraph-track

Published on NPM

Nightingale line graph track component is used to display multiple line graphs (either linear or d3 curves). It inherits from Protvista-track.

Usage

<nightingale-linegraph-track></nightingale-linegraph-track>

API Reference

Properties

length: number

The protein or nucleic acid sequence length.

height: number (optional)

The height of the track.

data: Array

The data expects the following structure.

{
    name: String,
    range:[min, max],
    colour?: Line colour,
        (Colour will be assigned if not provided. Use "none" for no line colour)
    fill?: Create area plot using given fill colour (default "none"),
    lineCurve?: 'curveLinear'(default)|'curveBasis'|'curveCardinal'|'curveStep'|'curveNatural',
        (More curves - https://github.com/d3/d3-shape/blob/v2.0.0/README.md#curves)
    values: [
        {
            position: Number,
            value: Number
        }
    ]
}

also see protvista-track