{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"A smiley face assembled from SVG shapes animates in D3.js v5: a yellow rectangle transitions to green, and two eyebrows rotate as the mouth flips upside down. The code demonstrates fundamental DOM manipulation with `d3.select`, appending grouped circles, rectangles, and an `d3.arc`-generated path into an SVG canvas. Transitions via `.transition().duration(2000)` smooth the color and transform changes over two seconds.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d4b3775c858c4c2687ba16d956d1718e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}