Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a smiley face!

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed