{"version":"1.0","type":"rich","title":"Fork of Smiley Face Part III","description":"This example renders a smiling face as a React component, using D3’s `arc` generator to draw the mouth as a stroked path. The SVG contains a large circle with a linear gradient fill (from yellow to dark green) and a black outline, plus two fixed-position eye circles. All geometry is computed from constants for width, height, and offsets, and the entire graphic is centered via a translated `<g>` element. The code combines React’s declarative JSX with D3’s shape utilities to produce a static, vector-based illustration.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3acf3bf3d64f4b8ca558a314b9d29100?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}