{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"This example demonstrates fundamental DOM manipulation with D3.js by building an animated smiley face. The visualization shows a yellow circle with eyes, eyebrows, and a mouth, where the eyebrows perform a continuous up-and-down movement. The code uses D3’s `select` and `append` to construct SVG elements, and `transition().duration()` to animate the eyebrow group’s `transform` attribute over 2000-millisecond intervals. The mouth is drawn with a `d3.arc` path generator, while hardcoded constants control facial feature positioning and spacing. The rendering is entirely SVG-based, with static input values defining the geometry.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fb2c5239958f4cb7a7c1132d8f4788b7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}