Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smiley Face part 1

Public visualization

Viewing a saved revision (read-only)

6eb72ef431f9481f91bca4725550fc1a

Smiley Face part 1

0 stars0🌍 Public
Nnondualjimmy
Last edited Nov 24, 2023
Created on Nov 24, 2023
Forked from HTML Starter

This example uses React 16.7 to render a smiley face as a static SVG graphic, titled “Smiley Face part 1.” The code draws three circles: a large yellow face with a black stroke, and two smaller black eyes positioned symmetrically on the upper half. The SVG’s fixed width and height are set at 960 and 500 pixels, with the face centered via hard-coded coordinates. JavaScript logs the React object to the console, while the HTML includes inline CSS to remove page margins and hide overflow.

AI-generated description

Halfway towards smiley face. HTML page demonstrating use of CSS and JavaScript.

See also React Starter.