{"version":"1.0","type":"rich","title":"Circles with Math.random and fill with jsx","description":"This example displays a scatter of small circles generated from random positions. Each circle’s vertical coordinate comes from `Math.random()`, while its horizontal position and color are derived from an array of sequential numbers. The visualization uses React to render an SVG, mapping over a precomputed array to create circle elements. The code explicitly uses `Math.random()`, React’s `ReactDOM.render`, and JSX inside an `<svg>` container with a `g` transform, producing 201 circles with RGB fills based on their array index.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d062a735db174169b634d1ae23b5e2ad?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}