{"version":"1.0","type":"rich","title":"Untitled","description":"This example demonstrates a React-based data visualization built with D3.js, showing an interactive force-directed graph. The code employs `d3.forceSimulation` to position nodes and links, with forces for charge, collision, and centering, while rendering the network through SVG elements. It visualizes hierarchical data using a cluster layout, with nodes colored and sized according to their depth and connection counts. The visualization updates dynamically as the simulation runs, with drag interactions enabled via `d3.drag`, allowing users to move nodes and observe the spring-like link forces in real time.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ac237375cf0a48d48700593030f70a23?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}