🌍 Public
Viewing a saved revision (read-only)
f775c88a89ca48f1a834182ab69794c2
Let's make a face with D3.js!
This example demonstrates fundamental DOM manipulation with D3.js by building a smiley face with movable eyebrows on an SVG canvas. The visualization uses D3’s `select` method to target the SVG element and initially sets its background color to red, though the face itself is not rendered in the provided code. The accompanying HTML loads D3 v5 from a CDN and includes a YouTube tutorial video, while the CSS removes page margins and hides overflow. The implementation relies on basic D3 selection and styling APIs rather than data-driven joins or scales.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.