Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Let's make a face with D3.js!

0 stars2๐ŸŒ Public
Ffra-alaimo
Last edited Dec 5, 2019
Created on Dec 4, 2019

This example builds a cartoon face as a yellow circle with eyes, eyebrows, and a mouth, all rendered in SVG. The eyes and eyebrows are positioned using D3 selections and attributes, while the mouth is drawn with the `d3.arc` shape generator. The eyebrows animate upward and back down over two 2-second transitions, demonstrating `transition.attr`. The face is centered via a translation and styled with CSS on the `body`.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed