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
SShuyu Zheng
Last edited Jan 11, 2021
Created on Jan 11, 2021

A cartoon face is drawn from SVG shapes, with a yellow circular head, two eyes, and eyebrows. The eyebrows are animated with a continuous bouncing motion, moving down and up over two seconds each way. The mouth is created as a path using an arc with specified inner and outer radii. This example uses D3.js v6 methods such as `select`, `append`, `attr`, `transition`, and the `arc` generator to build and animate the SVG scene.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed