protvista-coloured-sequence
v3.8.22
Published
Track that colors each base by a given function. The default function is hydrophobicity
Downloads
500
Readme
protvista-coloured-sequence
Use this component to paint a track that uses the sequence to paint a color depending on each residue.
Useful to display hydrophobicity, isoelectric points, or any feature were a color can represent a residue.
Usage
<protvista-coloured-sequence length="770" scale="hydrophobicity-scale" />
API Reference
Properties
data: string
The sequence to use for the track.
scale: string
The scale attribute is the mapping between a residue and a numeric value.
The value of this parameter could be either one of the predifined scales, or a custom scale indicating the values.
The list of predefined scales:
- hydrophobicity-scale
- hydrophobicity-interface-scale
- hydrophobicity-octanol-scale
- isoelectric-point-scale
The format for the custom scale is a comma separated list of pairs. Where each pair is a [KEY]:[VALUE]. For example:
A:0.5,M:-3,P:3
If a residue in the sequence is not defined in the used scale, the value used will be 0.
color_range: string
The color range attribute allow to define the colors to use when painting the values.
The component will use this range to create a scale that can be interpolated.
The default color_range is #ffdd00:-2,#0000FF:2
indicating that a value of -2
should be painted Yellow (#ffdd00
) and
a value of 2
should be blue (#0000FF
). And values in between will be interpolated.
The format requires at least 2 points, and if more than 2 are given, the interpolation would be calculated in between segments.
For example, #ffdd00:-2,white:0,#0000FF:2
where white
is now representing the value0
.
Notice that HTML color names are also supported, as in the example above.
start: number (optional)
The start position of the selected region.
end: number (optional)
The end position of the selected region.
highlight: string (optional)
A comma separated list of regions to highlight.
Each region follows the format: [start]:[end]
, where both [start]
and [end]
are optional numbers.
Events
Listens to
--
Emits
change
event with highlight start and end in the payload