{"version":"1.0","type":"rich","title":"Fork of Axes with React & D3","description":"This example displays the top 10 most populous countries as horizontal bars, with axes labeled using D3’s scaleBand and scaleLinear. React manages the component state and lifecycle, fetching the United Nations population CSV via d3.csv, while D3’s xScale.ticks and yScale.domain generate the gridlines and tick labels. The rendering uses SVG elements (rect and text) positioned within a transformed group.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/17d120220772435f85d8b9ed0f104697?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}