Interaction Diagram

LigPlot-style 2D ligand–residue contacts.

Preview

About

The ligand sits at the center; interacting residues are placed around it, with hydrogen bonds and salt bridges as dashed lines (distance labelled) and hydrophobic contacts as spoked arcs. Residues broadcast through coordinate-link on hover/click. The read-out behind pocket and ligand-transfer work.

Usage

import { InteractionDiagram } from "@/components/ui/interaction-diagram"

<InteractionDiagram ligand="STI" contacts={contacts} />