{"version":"1.0","type":"rich","title":"Shapes with SVG and CSS","description":"A yellow circle with two small eyes and rectangular eyebrows forms a face. The animation moves the eyebrows upward for two seconds, then returns them to their original position. The SVG is drawn using d3.select and shape-construction methods like append('circle') and append('rect'), with layout based on width and height attributes. The eyebrow motion relies on d3's transition system, using transition().duration() to animate the transform attribute in a two-step sequence. The mouth is a path generated with d3.arc, specifying inner and outer radii with defined angles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e3e33533cf7445a3ae3101fd7c47897b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}