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 stars0🌍 Public
Rrobnoflop
Last edited Oct 5, 2019
Created on Oct 5, 2019

A smiley face built with D3.js animates its eyebrows in a continuous loop. The face is constructed from SVG elements: a green circle for the head, two circles for the eyes, rectangles for the eyebrows, and a path created with the `arc` function for the mouth. The D3 `transition` API moves the eyebrows up and down over two-second intervals. The code demonstrates fundamental DOM manipulation via `d3.select` and `svg.append`, using fixed pixel dimensions and coordinates from the SVG element.

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