{"version":"1.0","type":"rich","title":"Let's make a face with D3.js","description":"A cheerful yellow face constructed with SVG elements in D3.js demonstrates chained transitions. The code builds a centered group containing a circle for the head, two circles for eyes, and rectangles for eyebrows, all with fixed coordinates and styling from CSS classes. A mouth uses the `d3.arc()` path generator with specified angles. The eyebrows animate through a `transition.attr()` sequence, moving down and up over two one-second intervals. The example imports `select` and `arc` from D3 v7 and renders entirely as static SVG shapes with programmed motion.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0da0aefa4ee64fb49bdb30ac06a02568?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}