Network Graph
@genomics/network-graph
Interaction, regulatory, and pathway networks.
Preview
DNA damagecell cyclesignaling
21 nodes · 24 edges
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