{"version":"1.0","type":"rich","title":"Fork of Smiley Face Part-3 (React and d3)","description":"This example shows a simple smiley face rendered as an SVG, with a yellow circle for the head, two black circles for eyes, and an arc-shaped mouth. The face is built using React for component structure and d3-shape’s `arc()` helper to generate the mouth’s path. SVG group elements and the `transform` attribute position the face at the center of a 960×500 viewport. The code uses React 16.13.1, d3 v6, and ES6 template literals for the transform string.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/359544ac8ebd412cbf0b3152c5bcc095?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}