{"version":"1.0","type":"rich","title":"ExploreVLAPI","description":"This example demonstrates how to build interactive visualizations using the Vega-Lite API within a React application. It loads automobile data from a remote JSON dataset and renders a scatterplot showing the relationship between miles per gallon and engine displacement, with color encoding for cylinders and faceting by origin. The visualization leverages the vega-lite-api library to construct the chart declaratively, while vega-tooltip enables hover interactions. Data is fetched asynchronously using a custom getData function, and the resulting chart is rendered as an SVG inside a React component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0b62a265d21e48ab934b9d88fa2b2211?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}