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)

e34884aa566644679aec073b18e058be

Let's make a face with D3.js!

0 stars1🌍 Public
KKaavya Lakshmanan
Last edited Jan 10, 2020
Created on Jan 9, 2020

This example draws a yellow smiley face in an SVG using D3.js v5. The face consists of a circle, two eyes, animated rectangular eyebrows, and a mouth created with the d3.arc path generator. The eyebrows transition their vertical position over two seconds using chained transition calls, moving downward and back upward. The code uses d3.select and attribute manipulation to position elements relative to the SVG’s center.

AI-generated description