🌍 Public
Viewing a saved revision (read-only)
23a8ed9e46734ca0ae83bd074f5ed596
Let's make a face with D3.js!
This example builds a simple orange smiley face using D3.js v5 and SVG primitives, including circles, rectangles, and a path created with the `d3.arc` generator for the mouth. The face is centered via a group transform, with eyebrows animated upward and back down using chained `transition.attr` calls over two seconds each. The code explicitly sets dimensions from the SVG attributes and uses fixed pixel offsets for eye spacing and eyebrow placement, demonstrating basic SVG rendering and animation without external data.
AI-generated descriptionAn example including some commonly used features of SVG.