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)

d88519095036488187690c3d05a3199d

Let's Make a Face with D3.js!

0 stars4🌍 Public
Eegrebing
Last edited Sep 19, 2020
Created on Sep 19, 2020

A yellow circle with black eyes, animated eyebrows, and an arc-based smile forms a face in SVG. D3.js v6 uses `select`, `arc`, and method chaining to build the shape, while `transition` animates the brow group up and down. Static elements like circles and rects are grouped with `g` and positioned via `translate`. The code draws entirely from D3 primitives, with no external data, and runs in an 960×500 viewport.

AI-generated description

An example including some commonly used features of SVG.