{"version":"1.0","type":"rich","title":"Loading data with React & D3","description":"A React component renders a D3-selected SVG circle that follows the mouse pointer across the viewport. The example demonstrates unidirectional data flow: mouse events call `setState` to update coordinates, which triggers a re-render passing new state to a `viz` function. It uses `d3.select`, `.join('circle')`, and `.attr` to bind the circle’s position to state properties `x` and `y`. The initial state centers the circle, and the SVG resizes to the window dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}