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)

b22062f3419b45cd90f6b02bcd01b6ec

Let's Make a Face with D3.js

0 stars1🌍 Public
Nnkrpyate
Last edited Mar 3, 2020
Created on Feb 28, 2020

This example builds a stylized face from basic SVG shapes—a yellow circle for the head, two eyes, animated eyebrows, and an arc-based mouth—centered within an SVG canvas. The code uses D3.js v5 selections and the `arc` generator to construct the mouth path, while `transition()` animates the eyebrows in a looping up-and-down motion. React serves as the hosting framework, and rendering relies on SVG elements with D3’s declarative attribute chaining.

AI-generated description

A bare minimum HTML page.

See also React Starter.