{"version":"1.0","type":"rich","title":"Overlapping Circles","description":"Two overlapping yellow circles with black outlines form a simple abstract composition. The example demonstrates using React with JSX to generate SVG circles, replacing static HTML markup with dynamic JavaScript calculations for positioning and sizing. The code defines constants for dimensions, offsets, and stroke width, then renders three circles—two offset horizontally and one centered—using ReactDOM to mount the component into the DOM. This illustrates how React’s declarative approach enables reusable, parameterized SVG elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2e51be442581434487ec3f018287620d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}