{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A black circle follows the mouse as it moves across a blank 960×500 SVG canvas. The example shows how React state updates, triggered by mouse events, can drive SVG attribute changes in real time. The React component `App` uses the `useState` hook to store the pointer’s `clientX` and `clientY` coordinates, updating them via a `handleMouseMove` callback on the `<svg>` element’s `onMouseMove` event. The circle’s `cx` and `cy` properties are bound directly to this state, rendering with d3.v7 and ReactDOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/05bb968d2766422eb5edc7849c051a78?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}