{"version":"1.0","type":"rich","title":"Fork of Rendering Data with React & D3","description":"This example shows a horizontal bar chart of the top 10 countries by population, using React to render SVG elements and D3 for data processing and scales. The visualization uses the `UN_Population_2019` dataset, loaded via `d3.csv`, with a linear scale for population values and a band scale for country names. The code includes separate React components for the axes and marks, with D3’s `scaleBand` and `scaleLinear` functions, demonstrating a clean separation of data handling and UI rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a771f4a0456443d798fe223f485aab2c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}