{"version":"1.0","type":"rich","title":"Axes with React & D3","description":"This example shows the top 10 most populous countries from the United Nations World Population Prospects 2019 as a bar chart with axes. It uses React state to load CSV data via d3.csv, then renders SVG rectangles and axis ticks manually with d3.scaleBand, d3.scaleLinear, and d3.max. The x-axis ticks are generated from xScale.ticks(), with grid lines and labels, while the y-axis displays country names.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/76b1e6c358744bbeb633d313d16aed6e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}