{"version":"1.0","type":"rich","title":"Rendering CSS Population Data with React & D3","description":"This example visualizes population data for the top ten countries in 2020 as a bar chart rendered in SVG, using React to manage component state and D3 utilities for data loading and scaling. The code fetches a CSV file via D3’s `csv` function, parses the population column, and applies `scaleBand` for the y-axis and `scaleLinear` for the x-axis. React’s `useState` and `useEffect` hooks handle asynchronous data loading, while the bars are drawn as SVG `<rect>` elements with dimensions derived from the D3 scales.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/45a509e24d0f443ca66d330a0f5da91b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}