{"version":"1.0","type":"rich","title":"Axes With React & D3","description":"This bar chart displays the top 10 countries by 2020 population, with horizontal bars ranked vertically. The visualization uses React for component structure and state management, while D3’s `csv` loads and parses the UN population data, and `scaleLinear` and `scaleBand` map values to pixel positions. SVG elements—including `rect` bars and axis ticks—are rendered directly by React, with D3’s `max` and `ticks` methods driving the axis generation. The chart adapts to the browser window size and includes labeled axes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ea37cf3e75dd4b5e9b8de38ec6ea70c0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}