Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face

Public visualization

Viewing a saved revision (read-only)

aada6580bd384144a8523699d54a94d2

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.