{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"This example uses React and D3 to render a simple SVG smiley face. The React component computes coordinates for a yellow circle face, two black eyes, and a mouth using constant variables for width, height, and offsets. The SVG output is drawn with a yellow fill, black stroke, and a fixed stroke width. The code uses the ReactDOM `render` method to mount the component into the HTML root element, with D3 loaded but not directly used in the visible logic.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/982cf4b53e624bdcbf226417d20de2c9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}