{"version":"1.0","type":"rich","title":"Let's make a smiley face with D3.js","description":"This example demonstrates how to construct a simple animated smiley face using D3.js v5 within a React framework. The code builds a yellow circle with black outline, adds two eye circles, and creates animated eyebrows using d3 transitions that move them up and down over one-second intervals. A mouth is rendered using the d3 `arc` function to generate a curved path. The visualization renders as an SVG element with animation, showcasing D3's capabilities for creating and manipulating basic geometric shapes and applying smooth transitions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/05b14cd698d84944ad9dc23d409b49e1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}