{"version":"1.0","type":"rich","title":"interaction_3","description":"A circle follows the mouse cursor across an SVG canvas, changing its fill color randomly with every mouse movement. The React component tracks the mouse position using the `useState` and `useCallback` hooks, updating the circle's `cx` and `cy` attributes on each `onMouseMove` event. A `getRandomColor` function selects from a fixed array of six colors, and the ReactDOM render method updates the circle's fill property. The visualization demonstrates a simple interactive data-less example built with React 16.9.0, rendering directly to SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/32080ca01d524d469c28b0bbdaa542c6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}