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)

61cf7cfa7be84c559d19e8bc6895b00e

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