{"version":"1.0","type":"rich","title":"Javascript inside html","description":"This example displays three rows of circles, each row rendered in a separate SVG, with positions determined by an array of numbers and randomized vertical coordinates. Using React, the component maps over a fixed array to generate circle elements with either magenta or cyan fills. The visualization leverages React’s declarative rendering and SVG’s native circle shape, with the JavaScript logic computing horizontal placement based on array indices and vertical placement via `Math.random()`. The result is a playful, generated pattern showing how simple data can drive SVG output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/81ef77df68684a16abdf55e375ed5cd6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}