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 stars2🌍 Public
NNathan Cheever
Last edited Dec 27, 2019
Created on Dec 26, 2019

A yellow circle with black outlines forms a smiling face, featuring two eyes, animated eyebrows, and an arc-shaped mouth. The code uses D3.js v5 to append SVG elements, including circles, rectangles, and a path generated with the `arc` generator. Eyebrows move vertically using chained `transition` calls, while the face’s structure relies on SVG grouping and translation transforms. The example demonstrates basic SVG rendering and animation techniques without external data.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed