{"version":"1.0","type":"rich","title":"Axes with React & D3","description":"This example renders a horizontal bar chart of the ten most populous countries in 2020, using React to manage the user interface and D3 v5 utilities for data loading and scales. The code fetches data from a CSV using `d3.csv`, then builds a band scale for countries and a linear scale for population values. SVG elements are generated declaratively through React, with D3’s `scaleBand` and `scaleLinear` computing positions, while explicit axis ticks and labels are mapped from the scales’ domains.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9b808c0a55544fa898c70704415b3634?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}