{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"A single yellow circle with a thick black outline renders at the center of an SVG canvas, occupying most of the 960-by-500 viewport. This is the first step in constructing a smiley face, with only the head drawn so far. The React component builds the SVG markup directly in JSX, using basic `<circle>` elements. The code runs under React 16.13.1 and renders into the DOM via `ReactDom.render`, with no data source or additional visualization libraries involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d8a7bb355a544f76944f5c161731e02e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}