Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a smiley face!

Public visualization

Viewing a saved revision (read-only)

1b57a317812c48b8b94a5b0146384a88

Making a smiley face!

0 stars1🌍 Public
KKevin Bolger
Last edited Feb 22, 2020
Created on Feb 22, 2020
Forked from HTML Starter

A smiley face is rendered as a yellow circle with black outlines, featuring animated eyebrows that raise and lower via chained D3 transitions. The visualization constructs the face using SVG primitives: a circle for the head, circles for eyes, rectangles for eyebrows, and a D3 arc path for the mouth. The eyebrow groups translate vertically over two 2000-millisecond transitions, creating a continuous up-and-down motion. Data from char-data.csv defines peril values, though the current code does not use this file in the visible implementation.

AI-generated description

A bare minimum HTML page.

See also React Starter.