Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley Face Part I and II

Public visualization

Viewing a saved revision (read-only)

654e916718d14a53acaf5f5d41e5f5ab

Fork of Smiley Face Part I and II

0 stars0🌍 Public
Nnandirey
Last edited Oct 13, 2021
Created on Oct 13, 2021
Forked from Hello VizHub

This interactive visualization, created with React, renders a classic smiley face using SVG. The code defines circles for the face, eyes, and a mouth, with the facial features positioned relative to the center of the browser window. It calculates the face's radius based on the window height and uses the React DOM library to render the SVG elements dynamically, adapting the smiley face to fit the full screen. The yellow face is outlined with a black stroke, while the eyes are filled with the default black color.

AI-generated description

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

See also React Starter.