{"version":"1.0","type":"rich","title":"My Own Smiley Face","description":"This example displays a yellow smiley face with rosy cheeks, eyebrows, and a wide smile, rendered as an SVG in a React component. It uses React 16.13.1 and D3 v6’s `arc` generator to create the mouth path, while circles define the face, eyes, pupils, and cheeks, with static coordinate offsets. The face is centered at (480, 250) on a 960×500 canvas, drawing all shapes within a single `<g>` transform. The code demonstrates a straightforward composition of React elements and D3’s arc API for a custom iconic graphic.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/103031d017a04772a7443a734250b1ca?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}