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)

fb79d16d8c4f4bcc81f5b65ae70b285e

Let's make a face with D3.js!

0 stars1🌍 Public
Ffkukcha
Last edited Aug 20, 2022
Created on Aug 19, 2022
Forked from HTML Starter

A yellow circle face is drawn in SVG using D3.js v7, with two eyes, eyebrows, and an arc-based mouth centered in the viewport. The code builds the face by appending SVG elements—a circle for the head, circles for eyes, rectangles for eyebrows—and uses D3’s `arc` generator to create the mouth path. All shapes are positioned relative to a translated group, with the face filling the 960×500 canvas.

AI-generated description