{"version":"1.0","type":"rich","title":"make a face with d3.js","description":"Using d3.js v5 and SVG, this example renders a cartoon face from primitive shapes: a yellow circle head, two eyes, eyebrows, and a mouth arc. The face is centered and symmetrically positioned using coordinate transforms. The eyebrows animate vertically through chained `transition` calls with a 2000ms duration, moving up by 50 pixels and then returning to their original position. The code constructs the SVG programmatically via `select` and `append`, and uses the `arc` function to generate the mouth's path data from inner and outer radii and angular ranges.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c55d6894299d421db0de64e146e66d42?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}