{"version":"1.0","type":"rich","title":"10.-Vega-Lite API Template","description":"This example shows the relationship between car origin and horsepower using a scatter plot of the auto-mpg dataset, with vehicle names displayed as tooltips. The visualization is built entirely through the Vega-Lite API, which constructs a specification programmatically via `vl.markCircle`, `vl.x().fieldN`, `vl.y().fieldQ`, and `vl.tooltip()`. The code registers Vega, Vega-Lite, and Vega-Lite API, then renders the chart as an SVG with `vl.register` and `marks.render()`, using custom axis and label styling from the config object. Data is loaded asynchronously with `d3.csv` from a GitHub gist.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/32b6a310278c4f7785adc068a979151d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}