{"version":"1.0","type":"rich","title":"Smiley Face Part 1","description":"This example shows a simple smiley face rendered as an SVG using React components, with each facial feature defined in its own ES6 module. The code uses D3’s `arc()` generator to create the mouth path and React Fragments (`<>`) to group the eyes without extra DOM elements. Static props for positioning and radii are passed from the main `App` component, which centers all elements at (480, 250) with a 960×500 viewport. The visualization demonstrates component separation and declarative SVG construction in a React environment.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4ae1d6734fd84ac7a86f23c4d0f7134a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}