GGenomics UI
Components/Clinical & stats

Pedigree Chart

@genomics/pedigree-chart

Family structure in standard clinical notation.

Preview

Pedigree
10 individuals · 3 generations
I-168I-265I-3d. 71I-470II-142II-240II-3III-112, affectedIII-29III-36
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")}
/>
Source: components/ui/pedigree-chart.tsx