{"version":"1.0","type":"rich","title":"Point Marks","description":"A single unfilled black circle follows the mouse cursor within an SVG viewport. The React application updates the circle's center coordinates through the `onMouseMove` event handler, using the `useState` hook to track mouse position and the `useCallback` hook to optimize event handling. ReactDOM renders the SVG element, and the circle's position is bound directly to the current mouse coordinates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e0c982ec6ebe45d882ebf82a332c4906?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}