{"version":"1.0","type":"rich","title":"Styling Bar Chart","description":"This example shows a horizontal bar chart ranking the ten most populous countries in 2020, with a muted color palette and styled gridlines. The chart uses D3.js scales (`scaleBand`, `scaleLinear`) and `format` to abbreviate population numbers with \"B\" for billions. Built with React, it renders SVG elements via custom components (`AxisBottom`, `AxisLeft`, `Marks`), and loads data from a CSV file. The styling is defined through CSS classes that color the bars, axis ticks, and labels, while a tooltip appears on hover.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/df0a002ec8c04a86b3e6d3eb5134240b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}