{"version":"1.0","type":"rich","title":"Axes with React and D3","description":"A horizontal bar chart displays population data for ten countries in 2020, loaded from a CSV file via D3's `csv` utility. The chart uses D3's `scaleBand` and `scaleLinear` to map country names and population values to SVG coordinates, while React manages the component state and renders the SVG elements. Axes are drawn by iterating over ticks from the scales, with grid lines and labels positioned using React's map function.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6f2852cb44a9491185ffa1cac5ce9d29?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}