Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with D·.js

Public visualization

Viewing a saved revision (read-only)

000447f222d74efa89f77f86e8f55dde

Lets make a face with D·.js

0 stars1🌍 Public
GGabriel Graells Solé
Last edited Nov 2, 2020
Created on Nov 2, 2020
Forked from HTML Starter

A yellow SVG face is constructed from D3.js v5 shapes, including a circle, eyes, eyebrows, and a mouth path. The code uses `d3.select`, `d3.arc`, and SVG groups to position each feature relative to the center. Eyebrow rectangles animate upward and back via chained `transition().duration(2000)` calls. The example demonstrates modular group-based layout and smooth transition sequences in a React-friendly, plain SVG rendering context.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.