{"version":"1.0","type":"rich","title":"Loading Data (Replica) with React & D3","description":"This visualization demonstrates React managing D3-driven data loading and rendering. It displays a bar chart of the top 15 most populated countries, alongside a pie chart of CSS named colors, with data fetched via D3's `csv` utility. Using React's `useState` and `useEffect` hooks, the program loads CSV data from GitHub Gists, then renders SVG using D3's `scaleBand`, `scaleLinear`, and `arc` APIs. Axes and bars are defined as reusable React components.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6696845900464499abf2ddb6f9f95954?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}