{"version":"1.0","type":"rich","title":"Making a Bar Chart with React & D3","description":"This example shows a horizontal bar chart of the top ten countries by 2020 population, rendered as SVG with React. The code loads UN population data from a CSV file using `d3.csv` and transforms each row by parsing the “2020” field. React’s `useState` and `useEffect` manage data loading, while D3 scales `scaleLinear` and `scaleBand` map population values and country names to pixel positions. Each bar is a `<rect>` element generated by mapping over the data array inside a React component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b8863a9ba3c7408186e47d9642dbea93?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}