{"version":"1.0","type":"rich","title":"Axes with React & D3","description":"A bar chart displays United Nations population estimates for 2020 across ten countries, with country names on the y-axis and population values on the x-axis. The example integrates React (using `useState` and `useEffect` hooks) with D3 utilities, including `csv`, `scaleBand`, `scaleLinear`, and `max`. D3 loads the CSV data and computes scales, while React renders SVG elements—axis ticks, labels, and rectangles—within a single `<g>` group. The chart uses rendered SVG with manual gridlines and text labels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/da1e0117a7b9439f9e55802122a94a8b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}