{"version":"1.0","type":"rich","title":"Styling the Bar Chart","description":"This example demonstrates a horizontal bar chart displaying the populations of the world's top ten countries, using a clean, minimalist design with orange bars and styled axis ticks. The chart is rendered as an SVG within a React application, leveraging D3 v6 for data processing and scale generation; specifically, `scaleBand` for the y-axis categories and `scaleLinear` for the x-axis values. The SVG elements are created directly using React components, while D3's `csv` function fetches and parses the data from a remote gist. The visualization incorporates custom text formatting to abbreviate population figures and uses the Libre Franklin font for a polished appearance.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8c45bcee22bc4168a56189b00fb867e3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}