{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"This example shows a simple smiley face composed of modular React components: a yellow background circle, two black eyes, and a curved mouth rendered as an SVG path. The face is generated from explicit geometric parameters like eye offset, eye radius, mouth radius, and stroke width, which are passed through a `Face` component. The code uses React 16.9 for component logic and d3 v6’s `arc()` API to calculate the mouth shape, with all elements drawn in a shared SVG container.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a9d30952384b42e58013cfa5536997c9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}