Pedigree Chart
@genomics/pedigree-chart
Family structure in standard clinical notation.
Preview
Pedigree
10 individuals · 3 generations
10 individuals
About
The trio is the unit of rare-disease analysis, and the pedigree is where the analysis lives: whether a variant is de novo, whether it segregates, and which relatives are informative are all questions about this diagram rather than any coordinate. Notation follows the clinical standard (square/circle/diamond, filled for affected, center dot for carrier, slash for deceased, arrow for the proband) — a viewer that invents its own symbols is unreadable to the geneticists who need it. Renders in SVG so it survives into a report, and selecting an individual broadcasts their sample.
Usage
import { PedigreeChart } from "@/components/ui/pedigree-chart"
<PedigreeChart
individuals={family}
conflicts={segregationConflicts(layout, genotypes, "recessive")}
/>Registry dependencies
Source:
components/ui/pedigree-chart.tsx