{"version":"1.0","type":"rich","title":"Refactoring a Bar Chart","description":"This example displays the top 10 most populous countries as horizontal bars, using population data from the United Nations World Population Prospects 2019. The React app loads the CSV with d3.csv and renders bars with SVG rect elements, scaling positions with d3.scaleBand and d3.scaleLinear. It also generates rudimentary axis ticks via d3.scaleLinear’s ticks method, despite lacking full axis labels or gridlines.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/451fbc68005d4e33a696a2d8f707ac98?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}