Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with d3

Public visualization

Viewing a saved revision (read-only)

0e06733abbf34f08923664fb3e7bc4ea

Lets make a face with d3

0 stars1🌍 Public
SSurya Teja Parnampedu
Last edited Jun 7, 2020
Created on Jun 7, 2020
Forked from HTML Starter

A smiling yellow face rendered in SVG is built from geometric primitives using D3 selections, with animated eyebrows that repeatedly raise and lower. The code constructs circles for eyes, rectangles for brows, and a path generated by the `d3.arc` API for the mouth, all grouped and positioned via SVG transforms. The eyebrow animation uses chained `transition().duration()` calls to toggle the y-offset between states. The example relies on D3 v5 and vanilla SVG.

AI-generated description

A bare minimum HTML page.

See also React Starter.