Skip to content

AgentGraph

stable

Force-directed graph of agent relationships and communication

Agency & Control/Storybook ↗
import { AgentGraph } from "@danagraph/design-system/patterns"
Loading demo…

Props

agentsrequired
Type Agent[]Default —

Array of agent nodes with id, name, type, status, tokens

connectionsrequired
Type Connection[]Default —

Edges between agents (from, to, type, label)

onAgentClick
Type (agentId: string) => voidDefault —

Node click callback

height
Type numberDefault 360

Canvas height in pixels

semanticbordernodemotion
Design Rationale

This component was designed to express:

Explore Related

Was this helpful?