{"version":"1.0","type":"rich","title":"Fork of Axes with React & D3","description":"This example displays the top 10 most populous countries as a horizontal bar chart labeled with axes. It uses React hooks (useState, useEffect) to fetch and load CSV data from the United Nations World Population Prospects 2019, then renders bars via SVG rectangles. D3’s scaleBand and scaleLinear position the bars, while manually generated ticks and labels create the x and y axes without d3.axis. The chart updates after loading, with React managing the component state and D3 handling the data scaling and formatting.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ad3f00e6d60a4ea49ff294079b4297e8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}