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)

d0fe763bb0be4f2f979475b619c9b30e

Let's Make a face with D3.js

0 stars1🌍 Public
Kkiyahw1
Last edited Jun 23, 2020
Created on Jun 23, 2020

A yellow circle forms a face with two black eyes, eyebrows, and an arc-shaped mouth. The eyebrows animate upward and then back down repeatedly using chained `transition` calls on a `<g>` element. Built with D3 v5, the example selects the SVG, centers a group, and constructs shapes with `circle`, `rect`, and `path` elements. The mouth uses the `arc` generator with specified inner and outer radii and angles, all rendered as static SVG with JavaScript-driven animation.

AI-generated description