{"version":"1.0","type":"rich","title":"VegaLitePractice","description":"This example demonstrates how to embed Vega-Lite visualizations in a React application. It loads the Vega, Vega-Lite, Vega-Lite API, Vega-Tooltip, and D3 v5 libraries via CDN, then uses them to render interactive charts within a single-page interface. The code creates a visualization pipeline where Vega-Lite specifications are parsed and rendered as SVG or Canvas output, with tooltips enabled for user interaction. The minimal HTML page and JavaScript setup show a practical starter template for integrating declarative visualization grammars into modern web frameworks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3e588c5a474d4b3eb9153bfceff9b151?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}