{"version":"1.0","type":"rich","title":"Let's make a face with D3.js","description":"A yellow face built from SVG shapes animates its eyebrows up and down in a looping sequence. Using D3.js v5, the example selects an SVG element and constructs the face with circles for the eyes and an arc-generated path for the mouth, all positioned dynamically based on the SVG’s dimensions. The eyebrows, rendered as rectangles, use D3’s `transition().duration()` method twice to create the repeated motion. The code imports `select` and `arc` from the D3 module, demonstrating core SVG manipulation and animation within a single static data-less visualization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bd73355c784e45d5841df5f9185e92e3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}