{"version":"1.0","type":"rich","title":"Axes with React & D3","description":"This example uses React with D3 to display a horizontal bar chart of 2019 UN population data for the top ten countries. It loads the CSV data with the `csv` utility, scales the population values with `scaleLinear` for the x-axis and country names with `scaleBand` for the y-axis, and renders SVG rectangles for the bars. The chart’s axes are drawn using D3’s scale methods, with tick labels positioned via SVG text elements. Rendering is handled through React state and the `ReactDOM.render` method.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6c964360e571438e8d38d272baabdcf6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}