GGenomics UI
Components/Viewers

Hi-C Matrix

@genomics/hic-matrix

Chromatin contact map with TADs and loops.

Preview

log10 contacts
0123
100 × 100 bins · 20 kb resolution · 2 domains · 1 loops

About

The same shape as pae-matrix one scale up: a symmetric matrix where the diagonal is trivially strong and the story is what lifts off it. Here that story is 3D architecture — blocks along the diagonal are TADs, bright off-diagonal dots are loops, and the gene a variant actually regulates is the one it contacts, not the one it is nearest. The default view is rotated 45° so the diagonal lies flat and the map stacks with linear tracks, which is what lets a TAD boundary line up with the CTCF peak that caused it. Log scale by default, because contact frequency falls off with distance by orders of magnitude.

Usage

import { HicMatrix } from "@/components/ui/hic-matrix"

<HicMatrix matrix={{ start, binSize: 20_000, values }} domains={tads} loops={loops} />
Source: components/ui/hic-matrix.tsx