{"version":"1.0","type":"rich","title":"Let's Make a Face Part III (React & D3)","description":"This example shows a yellow smiley face drawn with SVG shapes, including a circular head, two eyes, and a mouth arc. The code combines React for component structure and D3’s `arc` generator to create the mouth path. The face is centered using a `g` transform, with fixed pixel dimensions for the SVG canvas, eye offsets, and stroke width. The project uses React 16.9, ReactDOM 17.0.2, and D3 v6, rendering the final graphic to the DOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/09a362fd6edb4c7a8f14bc1b33ca67e8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}