{"version":"1.0","type":"rich","title":"Mouse Follower with React","description":"A circle follows the mouse cursor across the screen, updating its position in real time. The example integrates D3.js selection and event handling within a React component, using React's `useState` and `useLayoutEffect` to manage state and trigger re-renders. The `viz.js` module binds a D3 `mousemove` event to an SVG and updates the circle's `cx` and `cy` attributes based on cursor coordinates. Initial state is set to the center of the window before any mouse movement occurs.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8df8f0e318a046059501ba8f93b9c199?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}