{"version":"1.0","type":"rich","title":"Network Graph","description":"Three square node types—amber sites, red subsystems, and blue network systems—form a force-directed graph. D3’s `forceSimulation` with `forceManyBody` and `forceLink` positions nodes, using custom distance values for main, child, and leaf connections. Each node renders as an SVG `rect` with rounded corners, labeled by text, and supports dragging via `d3.drag`. Links appear as `line` elements with source-based colors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2aae2931303e406997e86edb5a7306eb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}