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)

77ed270174284279942ccc8d2132578c

let's make a face with D3.js

0 stars2🌍 Public
SShweta-tech
Last edited Jan 4, 2020
Created on Jan 4, 2020

This example constructs a cartoon face using D3.js v5 in a React environment, rendered as an SVG. It shows a yellow circle head with elliptical eyes, circular pupils, rectangular eyebrows, and an arc-based mouth, all positioned with absolute coordinates. The code uses D3 selections, `arc` for the mouth shape, and a `transition` to animate the right eyebrow moving downward. A static nose line completes the face, demonstrating basic SVG shape manipulation and animation without external data.

AI-generated description

A bare minimum HTML page.

See also React Starter.