GGenomics UI
Components/Viewers

Karyotype

@genomics/karyotype

Whole-genome chromosome grid.

Preview

Karyotype
24 chromosomes · 6 highlighted
11q21 gain234567EGFR amp88q24 (MYC)9CDKN2A del1011121314151617TP531819202122XARY

About

Every chromosome drawn to scale with its centromere, plus highlight bands for regions of interest (CNVs, hits, variant density) — the genome-wide overview the single-chromosome ideogram scales up to. hg38 by default.

Usage

import { Karyotype } from "@/components/ui/karyotype"

<Karyotype highlights={[{ chr: "chr7", start: 55e6, end: 55.4e6, label: "EGFR" }]} />
Source: components/ui/karyotype.tsx