{"version":"1.0","type":"rich","title":"Episode 8: Let’s Make a Face Part IV (React Components & ES6)","description":"A yellow cartoon face with black outlined circular eyes and a curved mouth is drawn using React components. The example demonstrates ES6 syntax and component-based structure, composing SVG circle and path elements within a React App component. D3’s `arc()` generator defines the mouth shape, while React renders the SVG to the DOM. The face is centered using an SVG transform, with computed offsets for eye placement and stroke width.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d168631224d943c89ddc366fa1f19f32?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}