{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"This example builds a simple yellow face in an SVG using D3.js v5 within a React framework. It shows how to compose basic geometric shapes—a circle for the head, smaller circles for eyes, rectangles for eyebrows, and a path generated with D3’s `arc` helper for the mouth—positioned relative to the SVG’s center. The code directly selects the SVG element via `select`, reads its dimensions, and applies a transform to center a group, while hardcoded offsets place facial features symmetrically. The rendering relies purely on SVG attributes, with no data binding or external datasets involved.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3909cc774c0748e29177e20c299c1d7c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}