Network Graph

Network Graph is a layered orbital avatar visual that spreads items evenly across concentric rings. It works well for community showcases, team maps, social proof sections, and dense relationship-driven hero layouts.

Basic Usage

Tips

• Use a fixed-height container so the larger outer rings have enough room to render cleanly.
• Adjust capacity and radius together when customizing rings to keep spacing balanced.
• Pass onClick handlers per item when you want each node to open a profile, modal, or filtered view.

Props

NetworkGraphItem Type

NetworkGraphRingConfig Type