protvista-sequence

Sequence component for the ProtVista tool

Usage no npm install needed!

<script type="module">
  import protvistaSequence from 'https://cdn.skypack.dev/protvista-sequence';
</script>

README

protvista-sequence

Published on NPM

This custom element displays the sequence in the selected region if the zoom level allows it, otherwise it displays the axis legend of the selected region. As it inherits from , it supports highlighting.

Demo

Usage

Setting sequence through property

<protvista-sequence length="456" />

const protvistaSequence = document.querySelectAll('#my-protvista-sequence-id');
protvistaSequence.sequence = proteinSequence;

Setting sequence through attribute

<protvista-sequence length="456" sequence="RFQAEGSLKK..." />

API Reference

Properties

sequence: string

The sequence to display

length: number

The protein or nucleic acid sequence length.

numberofticks: number

The number of ticks in the displayed sequence.

also see protvista-zoomable