{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"This example creates a smiley face whose eyebrows move, demonstrating fundamental DOM manipulation with D3.js. The face is drawn as SVG elements within a 960-by-500 canvas, and the animation cycles the eyebrows' positions through a looping interaction. The code uses D3’s selection and transformation methods to update the eyebrow elements’ attributes dynamically, relying on the `d3` library (v5.9.2) loaded from a CDN, with the page styling defined in a separate CSS file. The visual output is rendered entirely in vector graphics, and the movement is driven by JavaScript logic in the bundled script.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2451e91c45a44fc1a50a86bcf167bcd2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}