{"version":"1.0","type":"rich","title":"Mouse Follower Simple","description":"This example demonstrates a simple interactive visualization where a circle follows the mouse cursor within an SVG container. The circle’s position is stored in the application state, and every mouse movement updates the state using immutable update patterns, spreading the previous state object and assigning new x and y coordinates. The code uses D3’s `select` and `pointer` APIs to handle the `mousemove` event, and a data join to render the SVG and circle elements. The circle is initialized at the center of the container before any mouse interaction occurs.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1f708277d69e485e81baf7bf24446d14?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}