{"version":"1.0","type":"rich","title":"Face part IV, React components","description":"A React-based face built from SVG components renders a yellow circular head with a gradient fill and drop shadow. The code defines reusable components like `BackgroundCircle`, `Eye`, and `Mouth`, which is generated using the `d3.arc()` API to create an arc path for the smile. Red and yellow gradient definitiions create the face’s coloring, while `feDropShadow` filters add depth. Each eye includes a pupil positioned via `cx` and `cy` attributes, and the layout uses fixed coordinates in a 960×500 viewport. ReactDOM mounts the `App` component into the root element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6e17dbfcc30d4bada85752aea431224b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}