{"version":"1.0","type":"rich","title":"Move the Dot and Data","description":"A single yellow circle follows the mouse cursor across an SVG canvas, updating its position in real time. The example demonstrates React state management with the `useState` and `useCallback` hooks, rendering via React DOM into an SVG element. Mouse movement events trigger state updates that reposition the circle by changing its `cx` and `cy` attributes. The code uses React 16.9 and plain SVG, with no external data source.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}