Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's Make a Face Part I

Public visualization

Viewing a saved revision (read-only)

ae0f93b8c82b46c991a636f52123c4b6

Fork of Let's Make a Face Part I

0 stars0🌍 Public
CChirag Bansal
Last edited May 30, 2021
Created on May 30, 2021

This example builds a simple smiley face using React and SVG, rendering a yellow circle with two black eyes. The face is drawn with three `<circle>` elements, where the head and eye positions are calculated from fixed width, height, and offset variables. The code uses ReactDOM to mount the component, and computes the head radius from the height minus a stroke width. It demonstrates basic SVG styling with fill, stroke, and positioning in a 960x500 viewport.

AI-generated description

Half way towards a smiley face.