{"version":"1.0","type":"rich","title":"React Starter","description":"This React Starter example renders a grid of overlapping SVG circles, clustered in the upper-left and spread with increasing scatter as the coordinate values grow. It uses React and ReactDOM to build the markup, with nested `map` operations over a numeric array to generate each circle. The fill color is derived from the square of the index, producing a grayscale gradient, while the `cx` and `cy` positions are multiplied by `Math.random()` to introduce random jitter.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e7f07f77de784a809fdb8a44c489c1d1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}