{"version":"1.0","type":"rich","title":"Mouse Follower & Path Drawer","description":"This example demonstrates a reactive mouse-follower interaction in a React-powered SVG visualization. A gradient-filled circle tracks the cursor's movement, while a d3 path element dynamically appends line segments to record the cursor’s trajectory. The path uses an SVG linear gradient, and the circle uses a radial gradient, both defined in defs. Clicking the SVG triggers a state reset via a callback, clearing the drawn path and allowing a new trace to begin. The visualization leverages React’s `useState` and `useCallback` hooks for efficient state management and rendering updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/38e4f56bfac24cdbab6c604e9ed6ae70?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}