Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js

Public visualization

Let's make a face with D3.js

0 stars1🌍 Public
Kkenljames
Last edited Sep 17, 2020
Created on Sep 16, 2020
Forked from HTML Starter

This visualization draws a smiling face using D3.js v6, with a yellow circular head, two eyes, eyebrows, and an arc-based mouth rendered as SVG shapes. The right eyebrow animates via chained `transition().duration()` calls, moving downward then upward to create a winking effect. The SVG canvas is 960 by 500 pixels, and the code uses D3’s `select` and `arc` APIs to construct the face, with all elements positioned relative to a centered group.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed