{"version":"1.0","type":"rich","title":"Dataviz 2020_Ep21 - 14. Bar Chart (with React and D3)","description":"This example displays a horizontal bar chart of the top ten countries by 2020 population, using the UN World Population 2019 dataset. It loads the CSV via `d3.csv`, then triggers React re-renders with `useState` and `useEffect`. The chart maps country names to a `scaleBand` y-axis and population values to a `scaleLinear` x-axis, rendering each bar as an SVG `rect` with React. D3 utilities handle data loading and scaling, while React manages the component lifecycle and DOM updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c549221165544d8687dd2611fbde9d7a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}