protvista-uniprot

2.11.1 • Public • Published

protvista-uniprot

A Web Component which uses Nightingale components to display protein sequence information.

Image of protvista-uniprot

Usage

Importing as a module

import ProtvistaUniprot from 'protvista-uniprot';
...
window.customElements.define('protvista-uniprot', ProtvistaUniprot);

You can then use it like this:

<protvista-uniprot accession="P05067" />

Dependencies

The component relies on d3 which is set as a global variable and needs to be added to your project.

<script src="https://d3js.org/d3.v4.min.js" charset="utf-8" defer></script>

or via CDN

See here

API

  • accession: String
  • config?: Array see below
  • notooltip?: Boolean(false)
  • nostructure?: Boolean(false)

Development

Run yarn install to install dependencies and yarn start to start the local server.

Configuration

You can pass your own configuration to the component using the config attribute/property.

{
  "categories": [
    {
      "name": string,
      "label": string,
      "trackType": protvista-track|protvista-variation-graph|protvista-variation,
      "adapter": protvista-feature-adapter|protvista-structure-adapter|protvista-proteomics-adapter|protvista-variation-adapter,
      "url": string,
      "tracks": [
        {
          "name": string,
          "label": string,
          "filter": string,
          "trackType": "protvista-track|protvista-variation-graph|protvista-variation",
          "tooltip": string
        }
      ]
    }
  ]
}

Events

Custom protvista-event are emitted:

  • when at least one of the track returns data
detail: {
    hasData: true
}

Readme

Keywords

none

Package Sidebar

Install

npm i protvista-uniprot

Weekly Downloads

134

Version

2.11.1

License

MIT

Unpacked Size

14.3 MB

Total Files

78

Last publish

Collaborators

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