Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

This is a test page.

Public visualization

This is a test page.

0 stars0🌍 Public
BBrian Merchant
Last edited Jul 31, 2020
Created on Jul 31, 2020

A smiling face is drawn with D3.js and its eyebrows animate up and down. The face is built by appending SVG shapes—a yellow circle, two eye circles, rectangular eyebrows, and an arc-based mouth—to a central group. The eyebrows move via chained `transition().duration()` calls that toggle their vertical position. The code uses D3 v5 and imports `select` and `arc` from the `d3` module, with the entire animation rendered directly in SVG.

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