{"version":"1.0","type":"rich","title":"5:29 styling","description":"This example displays a horizontal bar chart ranking the populations of ten countries using data from a UN Population CSV file. React hooks manage the data-fetching state, while D3’s `scaleBand` and `scaleLinear` map country names and population values to SVG rectangles rendered inside a React component. The visualization includes styled axes with formatted tick labels (using D3’s `format`), a labeled x-axis, and a tooltip on each bar via the SVG `<title>` element, all styled with the Poppins font.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0c04e86b399546709706b72d8f8f4423?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}