{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A circle follows the mouse cursor across an SVG canvas. The example demonstrates state management in React, using the `useState` hook to track cursor coordinates and the `useCallback` hook to optimize the mouse move event handler. React renders the circle's position dynamically with a 20-pixel radius, starting at the center of a 960 by 500 viewport. The code uses React 16.9 and ReactDOM to render the SVG element, updating the circle's `cx` and `cy` attributes on every `mousemove` event.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/14d989ca636e45d088cacde47b509793?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}