{"version":"1.0","type":"rich","title":"D3Training","description":"This example uses D3.js v6 to create an animated smiley face, demonstrating fundamental DOM manipulation through chained method calls. An SVG canvas displays a yellow circle with black stroke as the face, containing eyes, eyebrows, and a mouth. The eyebrows are rectangles that automatically animate upward and then back down using sequential `.transition().duration(2000)` calls on a group element. The face is centered using a translate transform, while the mouth is drawn with the `arc()` generator from D3.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/953766f33a8b451d95672447d0ba3a90?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}