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)

081da0f6d5bc4bcf81924a4f76d6f209

Let's make a face with D3.js!

0 stars0🌍 Public
Jjoaquinsantini
Last edited Apr 8, 2020
Created on Apr 7, 2020

This example builds a smiling face out of SVG shapes using D3.js v5. It draws a yellow circle for the head, two dark eyes, and a mouth created with D3’s `arc` generator. The animation moves the eyebrows up and down repeatedly via `transition.attr()`, which updates their group’s `transform` over two-second intervals. All rendering uses SVG elements appended to an empty `<svg>` container.

AI-generated description