{"version":"1.0","type":"rich","title":"Fork of Smiley Face Part-3 (React and d3)","description":"A React component renders a yellow smiley face as an SVG graphic, with two black eyes and a curved mouth. The face is drawn using D3’s `arc` helper from the d3-shape API to generate the mouth path, while SVG `circle` and `path` elements are positioned inside a group with a `transform` translation. The example demonstrates combining React’s declarative rendering with D3’s geometry utilities, using ES6 template literals for dynamic attribute values and fixed pixel dimensions for the 960-by-500 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0cb2d5cc9c8d43e1b6a1832a7c651918?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}