GGenomics UI
Components/Viewers

Domain Diagram

@genomics/domain-diagram

Pfam-style protein architecture.

Preview

279 aa
3 domains · 3 sites · 7 variants
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

The protein-space analog of the track viewer: a residue axis with domains as blocks, sites as ticks, and variants as lollipops sized by score and colored by significance. Hover a domain or lollipop to light up the linked sequence, structure, and MSA.

Usage

import { DomainDiagram } from "@/components/ui/domain-diagram"

<DomainDiagram length={279} domains={domains} sites={sites} variants={variants} />
Registry dependencies
@genomics/utils
@genomics/bio-features
@genomics/coordinate-link
Source: components/ui/domain-diagram.tsx