{"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 a smiley face whose interactive eyebrows respond to user input. Clicking the button generates a random sequence of letters, which triggers a redraw using D3’s data join pattern (`d3.select` and `.enter()`). The code uses `d3.v5` to append styled `div` elements inside a target container, while the face itself is rendered as an SVG. The animation and face elements are driven by the bundled `bundle.js` script, showcasing basic selection, data binding, and dynamic updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dd9ab7b25c064c5c92cc69e049a03c99?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}