{"version":"1.0","type":"rich","title":"Loading data with d3","description":"A full-screen SVG circle follows the mouse cursor, demonstrating how React state tracks changing pointer coordinates in real time. The example uses React’s `useState` and `useCallback` hooks to update the circle’s `cx` and `cy` attributes on every `mousemove` event. Rendered through ReactDOM, the SVG’s width and height match the browser window dimensions, while the circle’s radius is fixed at 30 pixels. No external data loading or D3 utilities appear in the visible code, despite the title.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/229ba6235bd0493b83a63699158ff60e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}