{"version":"1.0","type":"rich","title":"Movable circle","description":"A yellow circle follows the mouse as it moves across an SVG canvas in this interactive React visualization. The component tracks pointer coordinates through a `onMouseMove` event handler and stores them in state to reposition the circle in real time. Built with React 16.9 and D3 v5, it uses React's `useState` hook to manage the mouse position and renders the circle via SVG elements, demonstrating a simple yet effective integration of React's declarative rendering with D3's utility functions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7cd796d871664652aef53a0ca32e94b2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}