{"version":"1.0","type":"rich","title":"UN Population Bar Chart Refactored","description":"This example shows a horizontal bar chart of the top 10 most populous UN countries for 2020, with country names labeled on the y-axis and population counts on the x-axis. The visualization is rendered as SVG in a React component, using D3 v6 scales (scaleBand and scaleLinear) to map data, with separate XAxis and YAxis components drawing gridlines and tick labels. Data loads asynchronously from a CSV file via d3.csv in a custom useData hook, and React manages the component lifecycle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dab13e5c2b8849fe92f5624648350545?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}