{"version":"1.0","type":"rich","title":"Javascript inside html","description":"This example demonstrates a mix of inline JavaScript expressions and React-rendered SVG, displaying both text values and a series of circles. The code uses React 16.10 to map over hardcoded arrays, calculating squared values with a custom `sq` function and rendering magenta circles positioned by array elements. A separate `Test` component defines green circles but remains unused. The SVG output appears in a light-green page background, showcasing how JavaScript logic integrates directly into JSX.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1e8dc12290694d9ea990c4a5938c16fa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}