{"version":"1.0","type":"rich","title":"Refactoring a Bar Chart","description":"This example displays the top 10 most populous countries as a horizontal bar chart, with country names along the y-axis and population values on the x-axis. Built with React and SVG, it uses reusable components to render the bottom axis, left axis, and bars, with scales created via d3.scaleBand and d3.scaleLinear. Data is loaded asynchronously from a 2019 United Nations population CSV using d3.csv, and the visualization responds to loading with a placeholder text.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/096d8e31e33f4473aec9ced8c587b2de?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}