{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A smiley face is not shown; instead, a single circle follows the mouse cursor across a 900-by-500 SVG canvas. The circle’s fill color is computed from the cursor’s x and y coordinates using three separate `d3.scaleLinear` instances, mapping positions to RGB channel values. The React app uses the `useState` hook to update the circle’s center on every mouse move, with the D3 scales applied inside the `rgbScale` helper. The example demonstrates mixing D3’s scaling functions with React’s event handling for interactive SVG graphics.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}