{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A single purple circle follows the cursor within an SVG canvas, reacting in real time to mouse movement. The example demonstrates React state management for interactive visualization: the `useState` hook stores the cursor's x and y coordinates, while the `useCallback` hook memoizes the mouse event handler for performance. The SVG `<circle>` element updates its center position based on the tracked coordinates, with d3.v5 loaded for potential enhancements. React 16 renders the component, and the circle is initially centered before the first mouse move.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2fd7c6a972e94cdd86ecfdb20c13e709?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}