Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

74fda249847f49f08009927eefc22112

Let's make a face with D3.js!

0 stars1🌍 Public
Ssucharitha.yadala@sharda.ac.in
Last edited Jan 30, 2026
Created on Jan 30, 2026

A yellow circle face with black outlines is drawn in SVG, featuring two eyes, eyebrows, and a mouth. The face is centered on a 960x500 canvas using an SVG group with a translate transform. The code uses D3.js v5 with the `select` API to target the SVG element, and the mouth is created using the `arc` function to generate a path with inner and outer radii. The eyebrows animate vertically through a chained transition, moving down 50 pixels and back over two seconds each, using D3's `.transition()` method.

AI-generated description