This example shows an interactive collapsible tree visualization of Valorant game agents, organized hierarchically by role categories like Duelists, Controllers, Initiators, and Sentinels. Built with D3.js v3, the tree layout uses SVG rendering with animated transitions when nodes expand and collapse. The implementation uses d3.layout.tree for positioning, d3.behavior.zoom for pan and zoom controls, and foreignObject elements for wrapped text labels. Node colors are assigned programmatically with purple shading, and tooltips appear on hover to provide additional context.