Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face Part I

Public visualization

Smiley Face Part I

0 stars0🌍 Public
RRyan Murry
Last edited Jun 18, 2021
Created on Jun 10, 2021
Forked from HTML Starter

A stylized smiley face rendered as a reusable React component, composed of geometric SVG shapes for the head, eyes, nose, mouth, and mustache. The face is drawn with a white background circle, black outline, green nose, red mustache, and a curved black mouth arc. It uses React components like `BackgroundCircle`, `Eyes`, and `Mouth`, with the latter leveraging d3’s `arc` generator to create the smile path. All shapes are positioned relative to a central point via an SVG `<g>` transform, with no data source involved.

AI-generated description

Halfway towards a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed