{"version":"1.0","type":"rich","title":"Fork of React & D3 Vibecoding Starter","description":"This example demonstrates a real-time force-directed network visualization, displaying nodes and edges that dynamically adjust their positions based on simulated physical forces. The graph uses `d3.forceSimulation` to compute node movement and repulsion, while SVG elements render the resulting structure. The visualization includes interactive controls for adjusting simulation parameters, and the node positions update every frame via a custom animation loop. The code uses the React framework to manage state and re-render the D3-based scene, with the simulation data loading from a JSON file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/76930e8981d945488798193afd776bd1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}