{"version":"1.0","type":"rich","title":"Project Brand vs. Average Cost Bar Chart","description":"This bar chart compares average project costs across different brands, using horizontal bars whose widths correspond to dollar values. The example demonstrates a simple client-side rendering approach: JavaScript parses a hardcoded data object (with placeholder values like “Brand A: $123.45”) and dynamically creates styled `div` elements, each with a width set to twice the cost, appended to a container styled via CSS. The included `index.js` shows a separate, incomplete CSV-processing pipeline using `fs` and `csv-parser` to calculate averages, but that logic is not connected to the chart’s rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/330d12cd4a0b4fc9ba4b79b07757eab5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}