{"version":"1.0","type":"rich","title":"React & Vega Integration Test","description":"This example demonstrates the integration of React with Vega and Vega-Lite for data visualization. It renders a scatter plot of greenhouse gas emissions data from Our World in Data, mapping the \"Processing\" and \"Farm\" fields to the x- and y-axes. The React component loads CSV data using D3’s `csv` method, then constructs the plot via the Vega-Lite API, configuring axis styles and fitting the visualization to the window. The rendered SVG is appended to the DOM within a React lifecycle method, with cleanup handled on unmount.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d9a9959ce1934607a5eafd62f7d39f90?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}