{"version":"1.0","type":"rich","title":"prac","description":"This example shows a simple interactive smiley face built with React and D3. A black circle follows the mouse cursor across an SVG canvas, responding to every mouse movement event. The underlying code uses React's `useState` and `useCallback` hooks to track the cursor position and re-render the circle accordingly, while the SVG element's `onMouseMove` handler captures the event data. The rendering is handled entirely through React's `ReactDOM.render` method, with D3 loaded but not actively used in the visible logic.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7dd46b997ca9494ca6400515f410dfaa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}