{"version":"1.0","type":"rich","title":"Javascript inside html","description":"This example demonstrates how JavaScript expressions can be embedded directly within JSX markup in a React application, rendering both text calculations and SVG circles. The code uses React 16.10.0 with ReactDOM to mount a component that computes squares of array values and maps them to `<circle>` elements with magenta and green fills. It also maps string elements to list items in a separate `Test` component. The visualization shows a simple SVG scene with positioned circles on a 960×500 canvas, highlighting the interplay between inline JavaScript logic and declarative React rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/143af1a7b6314bf094aa914cca341d42?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}