Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

9ae60fb679c240af90e64ce47820b307

Fork of Fork of Fork of Let's make a face with D3.js!

0 stars0🌍 Public
Ssreedharreddykota2005@gmail.com
Last edited Feb 4, 2026
Created on Feb 4, 2026

A stylized, SVG-rendered face is drawn at the center of a 960×500 canvas, using only primitive shapes: a filled circle for the head, two circles for eyes, two rectangles for eyebrows, and a path for the mouth. The face is constructed via a nested hierarchy of groups, where eye spacing, radius, and eyebrow offsets are set as constants. The code uses d3.select and d3.append to build the SVG structure, while the mouth is generated with d3.arc using inner and outer radii and a half-circle angle range, all controlled by direct attribute changes.

AI-generated description