GGenomics UI
Components/Viewers

Network Graph

@genomics/network-graph

Interaction, regulatory, and pathway networks.

Preview

DNA damagecell cyclesignaling
21 nodes · 24 edges
Use left and right arrow keys to step between points, Home and End for the first and last, Enter to select, Escape to clear.

About

The result surfaces here are overwhelmingly lists; a network answers the question a list can't — how the hits relate. Three differentially expressed genes that are neighbors in one complex is a finding; the same three scattered across the interactome is three unrelated observations. Nodes are sized by degree so hubs read without labels, labels are drawn only for hubs plus what's in focus, hover dims everything outside the immediate neighborhood, and dragging pins a node so a tangle can be pulled apart by hand. The force layout is seeded, so the same graph lays out the same way every mount.

Usage

import { NetworkGraph } from "@/components/ui/network-graph"

<NetworkGraph nodes={nodes} edges={edges} />
Source: components/ui/network-graph.tsx