{"version":"1.0","type":"rich","title":"React Starter","description":"This example displays a dense scatter of ellipses that are randomly positioned and colored based on indices from 0 to 20, iterated via double mapping within a React component. The SVG output uses hardcoded width and height attributes, with each ellipse’s radius, fill, and stroke set inline. The code imports React and ReactDOM libraries, and uses `Math.random` for positioning, while rendering is handled by `ReactDOM.render` into a root div. The visual is a simple, colorful grid-like pattern with overlapping shapes, emphasizing React’s capability for dynamic SVG generation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/abec95d912c54b70bef4320eb60270ad?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}