{"version":"1.0","type":"rich","title":"Loading Data with React and D3","description":"A React component uses D3 and React state to manage data loading and rendering. The `useState` hook stores the data, while event handlers update mouse coordinates. The SVG renders a single circle that follows the cursor across a 960-by-500 canvas. The example demonstrates integrating React's declarative rendering with D3's data utilities in a minimal interactive visualization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9b36284adffa43ad8514bd45e95b0b6b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}