Dependency Trace
An interactive SVG node graph that maps and dynamically traces relationship connections with directional bezier curves.
Hover node to trace dependencies5 connections
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/dependency-trace
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| nodes | TraceNode[] | — | Array of graph nodes (id, label, type, x, y) |
| connections | TraceConnection[] | — | Array of directional or undirected link connections (from, to, label) |
| onNodeSelect | (id: string) => void | undefined | Node click event callback |
| onNodeHover | (id: string | null) => void | undefined | Hover event callback |
| nodeSize | number | 36 | Node diameter in pixels |