{"version":"1.0","type":"rich","title":"Making a Bar Chart","description":"This example shows a horizontal bar chart of population by country, ordered alphabetically and scaled so the bar lengths are proportional to population values. Built with D3 v7 in React, it uses `select`, `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data, map population to pixel widths and countries to vertical bands, then render SVG rectangles. The dark green bars are drawn inside a translated group with a margin-based layout. Population values from the CSV are multiplied by 1000 before scaling, and axes are placed with D3’s positioning transforms.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/96275605c8ea45b8aaa3058146b5cf3e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}