{"version":"1.0","type":"rich","title":"Stylized Bar Color","description":"This example visualizes the top 10 most populous countries using a stylized bar chart, where each bar's width is scaled to population values derived from the United Nations World Population Prospects 2019 dataset. The chart omits traditional axes, instead displaying only a horizontal axis with tick labels and a \"Population\" axis title. Built with React and D3 v5, it uses `d3.scaleLinear` for the x-axis mapping, `d3.scaleBand` for vertical positioning, and renders marks as SVG `rect` elements via a custom `Marks` component. Data is loaded asynchronously via `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/679aa1c1a98549728e5565b15d67cd75?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}