{"version":"1.0","type":"rich","title":"Mouse Follower Xizhi","description":"A smiling face rendered as an SVG circle follows the mouse cursor across a 960-by-500 viewport. Built with React and D3 v7, the component tracks pointer movement via the `onMouseMove` event, updating the circle's `cx` and `cy` coordinates with the event's `clientX` and `clientY` values. The visualization uses React's `useState` and `useCallback` hooks to manage and update the cursor position, with the SVG output rendered directly to the DOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/93f533456f8347e986fb48ad593d8d10?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}