{"version":"1.0","type":"rich","title":"bar_char","description":"This example displays horizontal bars for the top five countries by projected 2020 population, using a React component that loads CSV data with D3’s `csv` utility. The bar lengths encode population values via a `scaleLinear`, while country names position each bar through a `scaleBand`. Rendering occurs as SVG `<rect>` elements, with React state managing the asynchronous data load and a temporary loading message. The chart uses dimensions of 960 by 500 pixels and defaults to a dark background from the page’s CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/acdff41f02b04fbaaaa53136946818e0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}