{"version":"1.0","type":"rich","title":"On mouse click - object mapping","description":"This example demonstrates how user interaction can be directly mapped to an SVG object’s position. A green circle updates its coordinates based on mouse clicks on the React-rendered SVG. The code uses React’s `useState` and `useCallback` hooks to track the mouse position, with initial data from the `array` constant. The `onClick` event handler triggers a state update, which re-renders the circle at the clicked location using SVG circle elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}