Chromatogram

Sanger sequencing trace (.ab1-style) viewer.

Preview

About

Draws the four base channels (A/C/G/T) as colored peak curves over a horizontally virtualized canvas, with base calls lettered above their peaks and a position ruler. Hovering a base broadcasts its position through coordinate-link so it links to a sequence-viewer of the same read.

Usage

import { Chromatogram } from "@/components/ui/chromatogram"

<Chromatogram traces={traces} calls={calls} />