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)

4b038465e6fd4087a7d77d306e1b57e7

Let's make a face with D3.js

0 stars2🌍 Public
WWhitney Hung
Last edited May 22, 2020
Created on May 22, 2020

This example builds a stylized smiling face from basic SVG shapes using D3.js v5. It draws a yellow head circle, two eyes, and a mouth path created with the `d3.arc` generator. The animation uses chained `transition().duration()`.attr calls to make the eyebrows move up and down, creating a simple facial expression. The code demonstrates SVG rendering with D3’s selection and attribute manipulation APIs.

AI-generated description