{"version":"1.0","type":"rich","title":"Fork of Smiley Face Part IV (React Components & ES6)","description":"This example shows a yellow smiley face composed of a background circle, two eyes, and a mouth, rendered as scalable vector graphics within a web page. The visualization is built using React components, with each facial feature defined as a JSX element, and relies on D3’s `arc` generator to produce the curved mouth path. The drawing coordinates are calculated from the SVG’s fixed width and height, and the face is positioned at the center using a transformation group. The code demonstrates mixing React’s declarative UI with D3’s geometry utilities to create a static, geometric illustration.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7f8dd7785494404b9f80ffa872b99016?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}