GGenomics UI
Components/Viewers

Read Pileup

@genomics/read-pileup

IGV-style alignment pileup.

Preview

1,0006,000 · 5 kb · 1,167 reads

Synthetic 28× pileup with two variant sites — mismatches colored by read base.

About

Coverage histogram over reads packed into rows and drawn with per-base mismatches, insertions, and soft-clips. Wheel zooms, drag pans. Reads come as a static array or from a BamReadSource that streams them by range.

Usage

import { ReadPileup } from "@/components/ui/read-pileup"

<ReadPileup source={new BamReadSource(url)} refName="20" domain={[1_000_000, 1_020_000]} />
Source: components/ui/read-pileup.tsx