{"version":"1.0","type":"rich","title":"Javascript inside html","description":"This example demonstrates a scatterplot of 101 magenta circles scattered across a light green SVG canvas. The visualization uses React to render SVG elements, with circle positions generated from an array built using a JavaScript loop and `Math.random` for horizontal placement. The code imports React and ReactDOM, renders a single `App` component containing an SVG with a translated group element, and relies on React’s virtual DOM for efficient updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/34775ba4d10d4971be619d1473268f02?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}