{"version":"1.0","type":"rich","title":"Visualize data in React & D3 - use bar chart","description":"This example renders a horizontal bar chart of the top 10 countries by 2020 population, using data fetched from a CSV file of UN population estimates. The React component loads the data with D3’s `csv` utility, then computes scales with `scaleBand` and `scaleLinear`. The SVG output is generated declaratively through React’s JSX syntax, mapping ticks, country labels, and rectangles. The visualization is drawn directly in the browser window, using D3 v5 for data processing and React for rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f96189e89fb94d63a1b78704652b2ffd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}