{"version":"1.0","type":"rich","title":"Lets make a face with D3.js","description":"This example uses D3.js v5 to assemble a cartoon face from primitive SVG shapes. A yellow circle forms the head, while black and pink circles, positioned by data-driven coordinates, create the eyes with a scaling animation triggered by chained `transition().delay()` calls. Eyebrows are drawn as rectangles from the same dataset, and an arc path, generated with `d3.arc()`, forms the mouth. The code demonstrates SVG manipulation and animation through D3’s selection and transition APIs, with the entire composition centered and scaled within a 960 by 500 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5d2c073369454e4595abf430ead2d3f8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}