{"version":"1.0","type":"rich","title":"Loading data with react & D3","description":"A circle follows the mouse across the screen using unidirectional data flow in React with D3. The example demonstrates loading data and managing state through a custom `setState` callback, which triggers re-rendering of the SVG via d3-selection's `join` method. The `viz.js` module updates the circle's `cx` and `cy` attributes based on mouse events, initializing its position to the window's center. It uses D3 v7 with vanilla React, rendering through `d3.select` and `selectAll`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}