{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates how React state manages and updates an SVG circle’s position in response to mouse movement. The App component uses the useState and useCallback hooks to track the cursor’s clientX and clientY coordinates, updating the circle’s cx and cy attributes on every mousemove event within the SVG element. Built with React 16.9 and rendered through ReactDOM, the visualization creates an interactive circle that directly mirrors the pointer’s location on the 960×500 canvas, with a fixed radius of 30 pixels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}