{"version":"1.0","type":"rich","title":"Face part 1","description":"This example renders a simple, stylized smiling face as an SVG graphic using React and D3.js (v7). The face is composed of a yellow circular head with a black outline, two black eyes positioned symmetrically, and a curved mouth created with D3's `arc()` function, which defines the mouth's inner and outer radii and angular range. The drawing is centered within an 960x500 viewBox, with all coordinates calculated relative to the center point via a `transform` translation. The code uses React's component model to declaratively construct the SVG elements, while D3 provides the geometric path for the mouth arc.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5e416b7545c24737870792f2b2cdaae3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}