GGenomics UI
Components/Viewers

Cluster Heatmap

@genomics/cluster-heatmap

Expression heatmap with row and column dendrograms.

Preview

17 genes × 12 samples · row z-score
Use left and right arrow keys to move between columns, up and down to move between rows, Shift plus arrow to jump ten, Home and End for the ends of the row, Control or Command plus Home and End for the first and last cell, Enter to select, Escape to clear the selection.
correlation distance · average linkage
cluster 1cluster 2cluster 3

Toggle to input order: the same values, with the block structure invisible.

About

An unclustered heatmap is a picture of the sample sheet. Clustering makes it a figure: reorder genes so co-regulated ones are adjacent, reorder samples so replicates land together, and the block structure that is the result appears — along with the quality check nothing else does, since a sample clustering with the wrong condition is a mislabel you can see in one glance. Composes rather than forks: it clusters, permutes the matrix, hands it to expression-heatmap unchanged, and owns only the trees. Cut the row tree into k clusters for a color strip beside the rows.

Usage

import { ClusterHeatmap } from "@/components/ui/cluster-heatmap"

<ClusterHeatmap matrix={matrix} cluster="both" rowClusters={3} />
Registry dependencies
@genomics/utils
@genomics/bio-cluster
@genomics/bio-scale
@genomics/color-legend
@genomics/expression-heatmap
Source: components/ui/cluster-heatmap.tsx