🌍 Public
Viewing a saved revision (read-only)
1e2b976ed2124077884b3bdeb447c5a7
Let's make a face with D3.js!
This example demonstrates basic DOM manipulation with D3.js by constructing a smiling face from SVG primitives. Using d3-selection methods like `select` and `append`, it creates a yellow circle, two eyes, a path-based smile (built with the `d3.arc` function), and rectangular eyebrows, with one eyebrow rotated to create asymmetry. The SVG is centered via a transform, and the code imports `select` and `arc` directly from the D3 module, showcasing how to build and style static SVG elements programmatically with D3 v5.
AI-generated descriptionDemonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.