{"version":"1.0","type":"rich","title":"Refactored BAR Chart","description":"This example shows a horizontal bar chart of automobile data, displaying the number of cylinders for each car origin across the first three rows of a CSV dataset. The visualization uses React components to render SVG elements, with `d3.scaleBand` and `d3.scaleLinear` for axes. The chart is built by separating axis and mark rendering into modular components, with bars drawn as `<rect>` elements whose widths are mapped from the cylinder values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d16a6498b6d14c5f8e1753c5ffb22a51?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}