{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"This example shows a horizontal bar chart of population by country, rendered as SVG rectangles in a React-based D3 v5 setup. The bars are scaled linearly by population and banded by country name. The code uses `d3.csv` to load population data, `d3.scaleLinear` and `d3.scaleBand` for axes, and appends `<rect>` elements via `svg.selectAll`. Data is parsed by converting population strings to numbers. SVG dimensions are read from the markup, and rendering is triggered after asynchronous CSV loading.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a87c9ce9cf744da482bb64b2d0ef3c78?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}