{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"A D3.js example demonstrates fundamental DOM manipulation by constructing a yellow smiley face with animated eyebrows from SVG shapes. The code appends circles, rectangles, and an arc path to an SVG group, using D3’s selection API and the `arc` generator for the mouth. The right eyebrow transitions downward over two seconds via `transition().duration(2000)`, while all elements are positioned with static attributes. The example showcases basic data-driven document manipulation with D3 v5, using inline SVG rendering and no external data source.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/018a13c0d5b949abab840ff653450cf0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}