Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with a d3.js

Public visualization

Viewing a saved revision (read-only)

5078b23f20d64a9d950c910b761d3d73

Let's make a face with a d3.js

0 stars0🌍 Public
Mmyoung1032
Last edited Jun 6, 2021
Created on Jun 6, 2021

A smiling face composed of SVG shapes is drawn with d3.js, featuring a yellow circular head, eyes, eyebrows, and a curved mouth. The eyebrows animate upward and back down using `transition.attr` on a `<g>` element. The code builds the face with d3 selections, `arc()` for the mouth path, and explicitly positioned ellipses and circles for the eyes, all rendered in an SVG canvas.

AI-generated description

An example including some commonly used features of SVG.