{"version":"1.0","type":"rich","title":"Axes With React & D3","description":"This example shows a horizontal bar chart of the top 10 most populous countries for 2020, using React to manage state and render SVG elements while D3 provides scales and tick generation. The code loads UN population data from a CSV via d3.csv, then uses d3.scaleBand for the y-axis countries and d3.scaleLinear for the x-axis population values. D3’s scale.ticks method generates the x-axis tick marks, which React maps to line and text elements within a transformed group.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6c8cf3d931e641598b3bd34c27c99fb7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}