Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 smily

Public visualization

Viewing a saved revision (read-only)

f23623cab3444765a4ba8549f14b905b

D3 smily

0 stars0🌍 Public
PPragati Porwal
Last edited Jul 12, 2021
Created on Jul 12, 2021
Forked from HTML Starter

This example renders a yellow circle as a smiling face over an SVG canvas using D3 and React. The code constructs the face with circles for eyes and a donut-shaped arc path for the mouth, then animates the eyebrows via chained `transition().duration()` calls on a group element. Using D3’s `arc` generator and SVG attributes, the visualization demonstrates basic shape composition and timed transforms without external data.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.