{"version":"1.0","type":"rich","title":"Fork of Smiley Face Part II","description":"This interactive React visualization displays a single black circle on a blank SVG canvas that follows the user’s mouse movements. It demonstrates a simple event-driven interaction where the circle’s center coordinates update in real time based on the pointer’s clientX and clientY values. Built with React 16.9, the app uses the useState and useCallback hooks to manage and update the mouse position state, while the SVG onMouseMove handler triggers these updates. The example shows how React’s declarative rendering can create responsive, mouse-tracked graphics in a minimal, frame-free environment.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/16f9d2b6072e46d5a040fed69b44c7bf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}