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)

4f1f587517b0468195b5847f3ccdf4f1

Let's make a face with D3.js!

0 stars0🌍 Public
GGabriel Meireles
Last edited Aug 14, 2019
Created on Aug 14, 2019

This example uses D3.js to draw and animate a stylized face, rendered as vector graphics in an SVG element. It constructs the face from an initial yellow circle for the head, adding two eyes and rectangular eyebrows. The code uses the `d3.select` and `d3.arc` APIs, along with the `transition` object and `attr` methods, to move the eyebrows up and down over a two-second duration, creating a subtle blinking or surprised expression.

AI-generated description