{"version":"1.0","type":"rich","title":"Smiley Face Part IV","description":"This example shows a classic smiley face constructed with SVG shapes and rendered through React. A yellow background circle with a thick black stroke forms the head, while two black circles serve as eyes and an arc path creates the mouth. The code uses React components and hooks into D3’s `arc` generator from the `d3` module to compute the mouth’s path coordinates. The visualization is fully static, with dimensions fixed at 960 by 500 pixels, and demonstrates a simple integration of D3 geometry with React’s declarative rendering in an SVG container.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/022b19b7afc948019c6663f02df1924c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}