{"version":"1.0","type":"rich","title":"Random world shapes with react - 1","description":"This example displays 490 randomly positioned circles and squares scattered across a 960-by-500 SVG canvas, with each shape’s stroke width also randomized. Using React 16 and ReactDOM, the App component generates an array of scaling values and maps them to a custom My_circle component, which renders both a circle and a rectangle per iteration with coordinates calculated via Math.random(). The visualization demonstrates lightweight SVG rendering with React’s component-based approach, producing a chaotic, non-interactive abstract composition.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7b29944c66614cf7be1412615c063517?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}