Agent orchestration, RAG pipelines, multi agent teams and MCP systems, modelled on how these systems are actually built in production. Copy the JSON for any template as a starting point, or paste your own architecture data straight into the property panel.

Ambient mode runs the force simulation with hover highlighting, suited to hero sections and animated backgrounds. Interactive mode adds a detail drawer: title, description, tags and related nodes, each of them clickable, so visitors explore an architecture without leaving the graph.

Over thirty controls cover colour mode, physics, node size, labels, drawer width and side, and fonts. Reshape the component entirely without opening the code. D3 ships bundled, so nothing extra gets installed.

On desktop the drawer slides in from the side. On mobile it becomes a bottom sheet. Breakpoint detection happens inside the component, with no configuration from you.

The homepage hero runs MokuGraph in interactive mode, mapping the studio's own disciplines and capabilities. Click any node and you are using the component.