Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

1a4e19f7902149d490a3f4cd7dfc9b8b

Lets make a face with D3.js!

0 stars3🌍 Public
AAdeola Oni
Last edited Apr 1, 2020
Created on Apr 1, 2020

A yellow circle with black outlines forms a face, complete with two eyes, animated eyebrows that move up and down, and a curved smile drawn using D3's `arc` generator. The SVG elements are positioned relative to a centered group, with the eyebrows animating through chained `transition` calls that alter the group's transform over two-second intervals. This example uses D3 v5's `select` and `arc` functions to build and animate the face entirely in the browser.

AI-generated description