GGenomics UI
Components/Viewers

Pairwise Alignment

@genomics/pairwise-alignment

Query/subject alignment with midline.

Preview

query × G. gallus
76.3% identity · 14 gaps · 279 columns
1MGSSHHHHHHSSGLVPRGSHMASMTGGQQMGRGSEFMKTAYIAKQRQISFVKSHFSRQLE
||||··|||·|||||·|||||||·|||||·||||||||·||||·|·|| ||| ||·|||·
1MGSSFWHHHNSSGLVHRGSHMASSTGGQQWGRGSEFMKMAYIAQQGQI-FVK-HFIRQLH
61ERLGLIEVQAPILSRVGDGTQDNLSGAEKAVQVKVKALPDAQFEVVHSLAKWKRQTLGQH
||·|||···||| |||||·||||||| ||| |||||||||·||||||·|| |·|||||·|
59ERNGLISCNAPI-SRVGDLTQDNLSG-EKA-QVKVKALPDIQFEVVHFLA-WRRQTLGHH
121DFSAGEGLYTHMKALRPDEDRLSPLHSVYVDQWDWERVMGDGERQFSTLKSTVEAIWAGI
|||||||||||||·||··|···||||||·||·|·||||||||||| |··||··|·|||||
115DFSAGEGLYTHMKQLRVSEFLESPLHSVEVDGWFWERVMGDGERQ-SRSKSCCENIWAGI
181KATEAAVSEEFGLAPFLPDQIHFVHSQELLSRYPDLDAKGRERAIAKDLGAVFLVGIGGK
|||||·||||| |·|||| |||··|||··|| ·|·||| ||||||||||··|··||·||
174KATEAHVSEEF-LSPFLP-QIHRKHSQWPLS-SPGLDA-GRERAIAKDLASVQHVGAGG-
241LSDGHRHDVRAPDYDDWSTPSELGHAGLNGDILVWNPVL
·||||||||·||·||| ||||||||||||||||·|||·
229-GDGHRHDVRYPDADDW-TPSELGHAGLNGDILVVNPVD
279 aligned columns
Sample kinase domain
279 aa · 1–279
279 aa
Use arrow keys to move along the sequence, Shift plus arrow to jump ten, Home and End for the ends, Enter to select, Space to add to the selection, Escape to clear.

About

Aligns two sequences (Needleman–Wunsch) and lays the result out in BLAST blocks: query row, identity midline, subject row, with running coordinates. Mismatches are tinted, gaps shaded, and hovering a column broadcasts the query residue.

Usage

import { PairwiseAlignmentView } from "@/components/ui/pairwise-alignment"

<PairwiseAlignmentView seqA={query} seqB={subject} />
Registry dependencies
@genomics/utils
@genomics/bio-align
@genomics/bio-sequence
@genomics/coordinate-link
Source: components/ui/pairwise-alignment.tsx