{"version":"1.0","type":"rich","title":"Smile 😃:Exploring the SVG Canvas (Now with React.js AND D3.js!)","description":"This example renders a stylized smiley face as a composite of reusable SVG components built with React.js, using D3.js’s `arc` generator to draw the mouth. The face is assembled from a yellow background circle with a blur filter, black elliptical eyes, white eye shines, and a mouth, all positioned via props passed from the main `Face` component. The SVG canvas is fixed at 960 by 500 pixels, centering the face with a coordinate transform. D3 v5 and React handle the geometry and markup, resulting in a vector-based, scalable illustration.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0d6ee8ecc35b4bac90efb8fc54285ca3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}