{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"A smiley face built with SVG shapes demonstrates D3.js v5 DOM manipulation and chained transitions. The code uses `d3.select`, `append`, and `attr` to construct a yellow circle with eyes, rectangular eyebrows, and an arc-based mouth via `d3.arc()`. A two-step `transition().duration(2000)` sequence moves the eyebrow group up and down, creating an animated expression. The example relies on D3’s data-join-free imperative style, directly targeting SVG elements within a 1000×500 viewport without external data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ae7714832ded4e0f809aa135d47637f1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}