{"version":"1.0","type":"rich","title":"Vega-Lite API Template for practise","description":"This example demonstrates how to build interactive scatter plots using the Vega-Lite API in a D3.js context. The visualization displays automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, plotting horsepower against the car’s origin with tooltips showing vehicle names. The code uses the `vega-lite-api` library to construct the chart programmatically, registering it with Vega and Vega-Lite, and applies a custom configuration for axis styling and fonts. Data loading relies on `d3.csv` to fetch the dataset, while Vega Tooltip handles interactive hover information.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ad40bf0a7cd84d368aece560ed865e5e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}