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)

f2aaf6e8d52a467cbf5f89f3911c25d9

Let's make a face with d3.js!

1 star4🌍 Public
Aarun-subba
Last edited Aug 21, 2020
Created on Aug 21, 2020

A yellow SVG face is drawn with d3.js, featuring two eyes, animated eyebrows that move up and down via chained transitions, and a smiling mouth with a tongue created using d3.arc. The code uses d3.select to attach elements to an SVG canvas, d3.arc for path generation, and transition().duration() to animate the eyebrow transforms over two seconds.

AI-generated description

An example including some commonly used features of SVG.