Plate Map
@genomics/plate-map
96- and 384-well plates, as a first-class view.
Preview
ng/µL
5101520
96-well · 96 occupied
Column 7 under-dispensed — a whole-column failure is a pipetting problem, and it only looks like one when the values are back on the physical layout.
About
Everything downstream of a sequencer assumes the samples arrived correctly labelled; the plate is where that assumption breaks. The two classic disasters — a plate rotated 180°, a column swapped — are invisible in every downstream plot and obvious the moment values are laid back onto the physical layout. A row of failed wells is a pipetting problem; the same failures scattered at random are a chemistry problem. Wells carry sample ids, so clicking one broadcasts the sample and the QC panel beside it follows.
Usage
import { PlateMap } from "@/components/ui/plate-map"
<PlateMap wells={wells} format={96} colorBy="value" valueLabel="ng/µL" />Source:
components/ui/plate-map.tsx