{"version":"1.0","type":"rich","title":"Smiley JSX","description":"This example builds a yellow smiley face from modular React components, combining circles and a D3 arc path inside an SVG. The face is centered via a `FaceContainer` that translates a group, while `BackgroundCircle` draws the yellow head with a black stroke, `Eyes` places two black circles, and `Mouth` uses d3’s `arc()` generator with start and end angles to form a smile. The code relies on React 16.9 and D3 v6, rendering declaratively with JSX and static numeric constants rather than data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b5d820b840d745119f201d840e7e6e62?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}