{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"This example builds a cheerful yellow smiley face using D3.js v5, rendered as SVG elements. The face is composed of circles for the head and eyes, rectangles for eyebrows, and an arc-generated path for the mouth. The code demonstrates fundamental DOM manipulation with `d3.select` and `d3.append`, while `d3.arc` creates the mouth shape. An animation driven by chained `transition` and `attr` methods moves the eyebrows up and down over a four-second cycle, showcasing how D3 transitions can animate SVG attributes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/be30a84346114a699031eb8b79c411c1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}