Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

This is a test page.

Public visualization

Viewing a saved revision (read-only)

1c688edc75954b55839288af5e5736e0

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.