Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a Smiley

Public visualization

Viewing a saved revision (read-only)

0a613cb573014b72bb18499b1c507535

Let's make a Smiley

1 star4🌍 Public
MMounikaBeerelly
Last edited Jun 5, 2020
Created on Jun 4, 2020
Forked from HTML Starter

This example shows a stylized smiley face built with D3.js that animates its eyebrows up and down. The face is constructed from SVG shapes: a yellow circle for the head, two dark circles for eyes, and a path generated with the `arc` function for the mouth. The eyebrows are rectangles that move via chained `transition().duration(2000)`, shifting vertically to create a playful expression. D3 v5 selections and attribute methods are used throughout, with the entire figure centered in a green-background SVG.

AI-generated description