{"version":"1.0","type":"rich","title":"Let's make a face with D3.js","description":"This example builds a simple cartoon face using D3.js v7 and SVG primitives. A yellow circle forms the head, with smaller circles for eyes, rectangles for eyebrows, and a semicircular arc for the mouth, all positioned relative to the center of the SVG canvas. The code uses `d3.select` to target the SVG, `append` with `attr` to create shapes, and `transition().duration()` to animate the eyebrow group’s vertical position in a two-step bounce. The layout is handled manually with computed offsets rather than a data-driven scale or simulation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b9858d1c3bda474da95477c66e827950?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}