{"version":"1.0","type":"rich","title":"Let's make a face with D3.js!","description":"This example demonstrates fundamental DOM manipulation with D3.js by building an interactive smiley face whose eyebrows move in response to a data-driven simulation. It renders the face as SVG elements using `d3.select` and chained attribute setters, while the eyebrow motion relies on D3’s `transition.attrTween` to interpolate positions. The code loads D3 v5 from a CDN and integrates a JSON dataset containing vertices and edges, though the visible visualization focuses solely on the SVG face rather than the network data. The page uses a full-screen SVG canvas with a stylesheet that hides overflow.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a3996734667c4c5483293db8e5a6ce74?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}