protvista-variation
TypeScript icon, indicating that this package has built-in type declarations

3.8.13 • Public • Published

protvista-variation

Published on NPM

This custom element displays a matrix of amino-acid changes at a given position on the protein sequence. The advantage of a matrix-based approach is that even with a large number of variants (every single amino-acid change per location) the space taken by the visualisation on the screen doesn't change.

Demo

Usage

<protvista-variation length="270"></protvista-variation>

Setting the data through property

const track = document.querySelector('#my-track-id');
track.data = myDataObject

Setting data through <data-loader>

<protvista-variation length="770">
    <protvista-variation-adapter>
        <data-loader>
          <source src="https://www.ebi.ac.uk/proteins/api/variation/P05067" />
        </data-loader>
    </protvista-variation-adapter>
</protvista-variation>

API Reference

Properties

data: Object

{
      sequence: string,
      variants: [{
          accession: String,
          start: Number,
          end: Number,
          color?: String,
          tooltipContent?: String
      }]
}

height?: number (default 430)

The height of the visualisation (in px).

also see protvista-track

Package Sidebar

Install

npm i protvista-variation

Weekly Downloads

242

Version

3.8.13

License

MIT

Unpacked Size

228 kB

Total Files

10

Last publish

Collaborators

  • xwatkins
  • ljgarcia
  • mmahmoudy
  • 4ndr01d3
  • aurel-l
  • swaathik
  • dlrice2