{"version":"1.0","type":"rich","title":"Fork of Rendering Data with React & D3","description":"This example loads UN population data from a CSV file using D3’s `csv` utility, then renders a horizontal bar chart with React components. The `scaleBand` and `scaleLinear` functions position the bars and axis ticks, while `max` computes the domain. The visualization displays the top 10 countries by 2020 population as SVG rectangles, with country labels on the left axis and numeric tick marks along the bottom. All rendering happens through React’s declarative JSX, with D3 used solely for data loading and scale calculations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a0c9be88fea74614ad4f688b609819a4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}