{"version":"1.0","type":"rich","title":"Axes with React & D3","description":"This example shows the top 10 most populous countries as horizontal bars, with an x-axis of population ticks and y-axis country labels, all rendered as SVG. The chart is built using React for state and component structure, while D3 v5 functions (`d3.scaleBand`, `d3.scaleLinear`, `d3.max`) handle scaling and tick generation. Data is loaded asynchronously from a CSV of United Nations World Population Prospects 2019, and the axes are manually positioned inside a transformed `<g>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b9069ad0a02c4ab5b29f0b8dcb447396?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}