{"version":"1.0","type":"rich","title":"Fork of Rendering data with React","description":"This example shows a horizontal bar chart of the top 10 most populous countries in 2020, using D3 utilities to load and scale the data and React to render the SVG bars. The code uses `d3.csv` to fetch population data from a gist, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the quantitative x-axis. Each country is drawn as a React `<rect>` component within an SVG, with bar widths proportional to population values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/859fd5ce7c654b0eba9566f7e86a7683?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}