Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Funny Face with d3

Public visualization

Funny Face with d3

0 stars2🌍 Public
CChocoOrange
Last edited Jul 11, 2020
Created on Jul 10, 2020

A yellow circle with a black outline serves as a face, featuring two eyes, animated eyebrows, and a mouth drawn as a path. The eyebrows move up and down repeatedly using chained `transition()` calls with a 2000-millisecond duration. The example uses D3 v5's `select`, `arc`, and `transition` APIs, rendering everything as SVG elements within a fixed 960×500 viewport. The `arc` generator creates the mouth shape with specified inner and outer radii and angular extents.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed