{"version":"1.0","type":"rich","title":"Fork of Smiley Face Part IV","description":"A smiley face is rendered as a single circle that follows the mouse cursor across an SVG canvas. The visualization uses a React component with the `useState` hook to track the cursor’s `clientX` and `clientY` coordinates on every `mousemove` event, updating the circle’s center position in real time. The circle is drawn with D3 v5’s SVG creation within a React-controlled `<svg>` element, with a fixed radius of 30 pixels and initial placement at the center of a 960×500 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f00e8ccf7e304ea7a78664c64580ec15?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}