{"version":"1.0","type":"rich","title":"Smiley face Part 1","description":"A yellow circle follows the mouse cursor across an SVG canvas, responding to pointer movement. The visualization uses React's `useState` hook and `onMouseMove` event to track the cursor position, updating the circle's `cx` and `cy` attributes with the current coordinates. The D3.js library and React bindings render the SVG element, with the D3 `arc` function imported but unused. The graphic demonstrates real-time coordinate mapping through React state management.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1548ca44f0e44fe591155a2ac09e1945?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}