{"version":"1.0","type":"rich","title":"Let's Make a Face with D3.js","description":"This example builds a cartoon face from SVG primitives using D3.js v7, starting with a yellow circle for the head and adding eyes, eyebrows, and a mouth. The code leverages D3’s `select` and `arc` APIs to attach elements to the SVG canvas and generate the mouth’s path. Positioning relies on numeric attributes like `cx`, `cy`, and `r`, with a group transformation applied for eye placement. The result demonstrates basic SVG shape composition and coordinate manipulation within a fixed 960×500 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ce5732bd20eb400884fa1899ab258427?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}