{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A single black circle follows the mouse cursor across an SVG canvas. The example demonstrates how React manages dynamic state alongside D3’s rendering environment. Using React’s `useState` and `useCallback` hooks, the component tracks mouse coordinates from the SVG’s `onMouseMove` event and updates the circle’s `cx` and `cy` attributes. The circle is rendered via React’s JSX, while D3 v5 is loaded but not directly used for interaction; the visualization relies entirely on React’s state updates to redraw the SVG element in real time.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2f2964b8833b4cfc98e109098ff7debc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}