{"version":"1.0","type":"rich","title":"Vega-Lite API Template","description":"This example shows the relationship between engine displacement and horsepower for a collection of automobiles, with points colored by region of origin and tooltips revealing model names. The visualization uses the Vega-Lite API to construct a scatter plot declaratively, with `vl.markCircle`, `vl.x`, `vl.y`, and `vl.color` encoding channels. Data loads asynchronously via D3’s `csv` function from a GitHub gist, and the resulting chart renders as SVG, styled through a custom config object that adjusts axis and label appearance. The code integrates Vega, Vega-Lite, Vega-Lite API, and Vega-Tooltip to enable interactive hover details.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/50a1390b61e04303bd816d5c838ea8ea?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}