{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"An animated smiley face built with D3.js v5 demonstrates fundamental DOM manipulation through SVG rendering. The example uses `d3.select` to append shapes—circles for the eyes, rectangles for eyebrows, and an `arc()` path for the mouth—arranged with explicit X/Y coordinates and `attr` transforms. A two-stage `transition().duration(2000)` chain moves the entire eyebrow group up and then back down, creating a subtle raising-and-lowering animation. No external data is loaded; all geometry is hand-coded, and the interaction is purely visual.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3366760abb4745099e44aa951a4815da?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}