{"version":"1.0","type":"rich","title":"Refactored Bar Chart","description":"This example demonstrates a horizontal bar chart comparing the populations of the top 10 countries from the UN Population 2019 dataset. The visualization uses D3 v5 utilities for data loading (`csv`) and scaling (`scaleBand`, `scaleLinear`), while React components construct the SVG rendering. The code is refactored into reusable components for the bottom axis, left axis, and marks, with the chart layout defined by fixed margins and dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a063d8e9e4214071a7dd376df89f36e9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}