{"version":"1.0","type":"rich","title":"Fork of Smiley Face Part I","description":"This example displays a smiley face built with SVG shapes, featuring a yellow circular head, two eyes with white highlights, and a dark mouth arc. The visualization uses React to render the SVG elements and D3’s `arc()` API to generate the mouth path. Coordinates and radii are derived from fixed width and height variables, while a centered group element positions all facial features. The code demonstrates combining React’s declarative component structure with D3’s geometric helpers for a simple, static graphic.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6cffff03decd4b2d8c88c0e0d0287ea1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}