Synteny

Ribbon comparison between two sequences.

Preview

About

Two coordinate axes (top = query, bottom = subject) with homologous blocks drawn as ribbons between them, colored by strand (inversions cross) and shaded by identity. The comparative-genomics view for orthology, duplications, and rearrangements. Hover a ribbon for its coordinates.

Usage

import { Synteny } from "@/components/ui/synteny"

<Synteny top={{ label: "A", length: 100000 }} bottom={{ label: "B", length: 96000 }} blocks={blocks} />