{"version":"1.0","type":"rich","title":"Smiley Face Part - 1","description":"A yellow smiley face is drawn on a white canvas using React and SVG, centered at 960 by 500 pixels. The face includes a black-outlined yellow head, two black eyes offset symmetrically, and a mouth rendered as an arc using d3.arc. The code constructs reusable React components for the background circle and eyes, then positions them within a translated SVG group. The mouth is generated by an arc path with specified inner and outer radii, and the example is part of a learning series from Curran's Datavis-2020 course.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fd74e1cca9a44e418c93d2f93b682f58?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}