{"version":"1.0","type":"rich","title":"Interaction with React","description":"A React component tracks the mouse pointer by updating SVG circle coordinates in response to mouse movement events. The `useState` hook stores the current mouse position, while `useCallback` defines an efficient move handler that calls `setMousePosition`. The circle re-renders at the new coordinates, demonstrating declarative state-driven updates. This example also loads a CSV dataset with D3's `csvParse` to display file size, row count, and column count in a separate `<pre>` element, mixing React for interactive visuals with D3 for data parsing.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b17fb58e6de648a5a0aa532473133f94?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}