{"version":"1.0","type":"rich","title":"Barchart and table with D3.js","description":"This example displays a horizontal bar chart of population counts for eight European countries, rendered as SVG rectangles inside a 960 by 500 pixel viewport. The data is loaded from a local `data.csv` file and parsed with the `csv` function from D3 v6. The chart’s x-axis scale is computed using `scaleLinear` with a domain from zero to the maximum population value, while the y-axis uses `scaleBand` to position each country’s bar. The React-based starter code integrates D3 selectors and attribute setters to map population values to bar widths and country names to vertical offsets.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ca7f5ba2d9f34ec6b5cd51bbe1c4a4f9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}