Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with D3.js

Public visualization

Lets make a face with D3.js

0 stars1🌍 Public
Llamiyaa
Last edited Oct 6, 2019
Created on Oct 6, 2019

This example draws a smiling face in SVG using D3.js, composing a yellow circle for the head, two black circles for eyes, rectangles for eyebrows, and an arc-based path for a mouth. The rendering approach relies on D3 selections and the `arc` generator from D3’s shape module. The right eyebrow animates upward and returns to its original position using chained `transition().duration()` calls over two seconds each, while all other elements remain static. The face is centered at (480,250) on a 960×500 SVG canvas.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed