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)

d87f0f845b2644319884bac0eca14444

Let's make a face with D3.js!

1 star0🌍 Public
Mmalmeister
Last edited Jun 8, 2020
Created on Jun 4, 2020

A simple, animated face built with D3.js v5 appears on a blank SVG canvas. The code draws a large yellow circle for the head, adds two eyes and rectangular eyebrows, and constructs a mouth using the `d3.arc()` generator. The eyebrows animate through a two-stage `transition().duration(2000)` sequence, moving down and back up. The example demonstrates basic SVG shape creation, attribute manipulation, and chained transitions, with dimensions calculated from the container's width and height.

AI-generated description