{"version":"1.0","type":"rich","title":"Vega-Lite API Template subGuy","description":"This example uses the Vega-Lite API to render a GDP bar chart, displaying the raw data from the freeCodeCamp ProjectReferenceData repository. The visualization plots the data’s first field on the x-axis and the second on the y-axis, with tooltips showing the value. The chart is built with `vega-lite-api` and `vl.markBar()`, and configured with custom guide-label and guide-title styles from a `config.js` file. The visualization is rendered to SVG via `vega` and `vega-lite`, using `vega-tooltip` for interactivity, and it is sized to fit the browser window with `window.innerWidth` and `window.innerHeight`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/33f185e22570412597f9ff1f3a1240a3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}