Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face in D3.JS

Public visualization

Viewing a saved revision (read-only)

efd006e8b6c54d0ebc78671bea09c6df

Lets make a face in D3.JS

0 stars1🌍 Public
AAnkit
Last edited Feb 2, 2020
Created on Feb 1, 2020

A smiling face made of basic SVG shapes responds to an animated sequence. Drawn in D3.js v5, the visualization builds a yellow circle for the head, black circles for eyes, and a mouth using the `d3.arc` shape generator. The two rectangular eyebrows move vertically through chained `transition().duration()` calls, creating a periodic raised-brow effect over two seconds. All elements are positioned using the viewport's width and height attributes.

AI-generated description

D3 JS