{"version":"1.0","type":"rich","title":"Smiley - Part II - React-JS","description":"This example renders a yellow smiley face as an SVG graphic using React components and D3’s `arc` generator for the mouth. It positions the face’s circles via a `<g>` transform centered at (480, 250), setting static radii and offsets for the eyes and mouth. The code imports React, ReactDOM, and `arc` from d3.v7, then mounts the `<App>` component into the DOM. The rendering approach is declarative JSX, producing a single SVG with three circles and one path element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/74f256748bf84ef08e09492892582dbf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}