{"version":"1.0","type":"rich","title":"Bar Chart Example","description":"This example displays a horizontal bar chart ranking the average monthly cost of dog breeds across 12 countries, using a dataset loaded from a CSV file. The visualization is rendered as an SVG with React and D3 v6, where `scaleBand` positions the country labels on the y-axis and `scaleLinear` maps cost values to bar widths. Custom axes are drawn manually with `xScale.ticks()` and grid lines, while the bars are simple `<rect>` elements. The code also includes an alternative vanilla JavaScript implementation using `d3.axisBottom` and `d3.axisLeft`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c1b15a6a6691486fb9c2b28ac69bdd13?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}