{"version":"1.0","type":"rich","title":"Axes With React and D3 UNPOP","description":"This visualization displays the population of ten countries in 2020 as horizontal bars, with a linear x-scale for population and a band scale for country names. Built with React and D3 v6, the code defines custom axis components (`AxisBottom`, `AxisLeft`) that render SVG ticks and labels, while `Marks` generates rectangles with tooltips. It fetches UN population data from a CSV file, formats axis ticks using D3’s `format` function (replacing 'G' with 'B' for billions), and applies custom CSS styling for fonts and color.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4e7cba04d71446c6b6b0c84d38c0d035?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}