{"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 SVG DOM manipulation through `select`, `append`, and `attr` calls. The face comprises circles for eyes, rectangles for eyebrows, and an `arc`-generated path for the mouth, all positioned within an SVG group. Eyebrow movement is driven by chained `transition().duration(2000)` calls that shift the eyebrow group’s `transform` translate value up and down. The code shows direct attribute styling for fill and stroke, with no external data source, relying entirely on hardcoded coordinates and D3’s animation API.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8db90dff386b4a6a88784c1f67651af9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}