{"version":"1.0","type":"rich","title":"Loading Data with React & D3","description":"This example demonstrates a React application that loads external data and manages it through React state. The visualization uses D3 utilities for data loading, paired with React’s `useState` hook to store and track the fetched information. The code imports React and ReactDOM, defining an `App` component with a `data` state variable initialized to `null`. The application renders into a designated root element, with the canvas dimensions set to 960 by 500 pixels. The implementation relies on the React 16.9.0 production libraries, showing a minimal setup where the data-loading process is integrated into the component’s lifecycle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9ddee63d49c54b26b8a4b5df800214a2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}