Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let´s make a facewith SVG and CSS

Public visualization

Let´s make a facewith SVG and CSS

0 stars1🌍 Public
Llisacaligagan
Last edited Mar 10, 2019
Created on Mar 10, 2019

A stylized face is drawn using SVG shapes within an 960x500 canvas, centered via a transformed group. The face consists of a large teal circle, two small eyes, and a dark arc-shaped mouth. Animated eyebrows, implemented as rectangles, move vertically using chained D3 transitions, creating a simple expressive motion. The example uses D3 v5’s `select` and `arc` APIs to construct the scene, with CSS applied in `styles.css` for page layout.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed