Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face

Public visualization

Smiley Face

0 stars0🌍 Public
UUygur Yiğit
Last edited Dec 20, 2022
Created on Dec 19, 2022
Forked from HTML Starter

This example draws a classic smiley face using React and D3’s `arc` generator to create the mouth path. The SVG renders a yellow circle with black stroke, two eye pairs (black outer and white inner circles), and a red nose positioned at the center. All shapes are placed inside a `<g>` transform for offset, with coordinates computed from fixed dimensions. The code uses React components for the background circle and ReactDOM to mount the app to a `#root` element.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed