Skip to main content
100%

Let's Make a Face!

✓ Published0🌍 Public
AAndres Bizzarri
Last edited Jan 3, 2020
Created on Jan 3, 2020

This visualization shows a simple, stylized face constructed from basic SVG shapes, including a yellow circle head, black circular eyes, red arc mouth, and rectangular eyebrows. A smooth, repeated animation moves the eyebrows upward and back down over two seconds, creating an expressive effect. Built using D3 v5, the code leverages SVG primitives and D3’s transition API to animate the eyebrow group’s transform property. The face is centered using a translated group, and the mouth is drawn with a d3.arc path generator.

AI-generated description

An example including some commonly used features of SVG.

MIT Licensed

Similar vizzes