{"version":"1.0","type":"rich","title":"Learn Stylized Bar Chart","description":"A stylized horizontal bar chart ranks the ten most populous countries using UN World Population Prospects 2019 data. The code builds a React component with SVG rendering, using d3.scaleBand for the categorical y-axis and d3.scaleLinear for the numeric x-axis. Axes are drawn via custom AxisBottom and AxisLeft components, while Marks creates rects with native tooltips. d3.format converts population values into compact notation like “1.4B” for tick labels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/06b35c4e932544deb781a75b5d4aee7d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}