{"version":"1.0","type":"rich","title":"Circle animation","description":"This example shows a yellow circle with a black outline that follows the user’s cursor across an SVG canvas. The circle is rendered inside a React component tree, with its position updated via React state and mouse event handlers. It uses React hooks like `useState` and `useCallback`, while the circle’s shape is defined as a simple SVG `<circle>` element. The code splits components into separate ES6 modules for the background, eyes, and mouth, though only the background circle is currently visible in the interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f63e1ff7f95a4d238261bbcf56726ca8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}