{"version":"1.0","type":"rich","title":"Javascript inside html","description":"This example shows a React application that mixes JavaScript expressions with JSX and SVG to display computed values and simple circle shapes. It defines a `Test` component that maps an empty array to green circles, while the main `App` component renders squared numbers and nested squares as text, alongside SVG circles with calculated radii and explicit positions. The code uses React 16.10 UMD libraries, ReactDOM, and inline SVG, drawing a magenta circle at fixed coordinates and a default-position black circle. The page displays a 960×500 SVG canvas on a light green background.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8af1cfc867db4e218ccd82567e1c4460?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}