{"version":"1.0","type":"rich","title":"React Import d3 Data","description":"This example shows a React-based interactive face built with SVG. A single circle is rendered inside a 960 by 500 pixel SVG element, and its position is updated in real-time based on the mouse cursor's coordinates. The implementation uses React's `useState` and `useCallback` hooks to manage the mouse position state and handle `onMouseMove` events. The SVG circle is redrawn with new `cx` and `cy` attributes as the mouse moves, while the `ReactDOM.render` function mounts the application into the root HTML element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3d907b57cce643d482f4065a97ee9f50?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}