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
GGray1011
Last edited Jun 26, 2019
Created on Jun 26, 2019

A smiley face drawn with D3.js animates its eyebrows in a looping vertical motion. The SVG face uses simple shapes—circles for the eyes and head, rectangles for eyebrows, and an arc path for the mouth—all positioned relative to a centered group. D3’s selection and transition methods, including `transition().duration()`, move the eyebrow group up and down repeatedly. The code demonstrates fundamental DOM manipulation by binding data-less SVG elements and applying chained transitions without external data sources.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

Comments

Sign in to join the discussion.

MIT Licensed