Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Smilet Face p1

Public visualization

Smilet Face p1

0 stars0🌍 Public
Ssamteplitz
Last edited Sep 23, 2022
Created on Sep 23, 2022
Forked from Hello HTML

This example shows the first step toward building a smiley face in SVG, displaying a yellow circle with two black eye circles positioned on a 960×500 canvas. The rendering uses plain SVG elements with React 16.9, where `ReactDOM.render` mounts a minimal "Hello JSX" component into the root div, though the visible graphics are drawn directly in the HTML markup rather than through React. The SVG circles are styled with fill, stroke, and stroke-width attributes, with the face's center at (480, 250) and eyes offset horizontally to (350, 180) and (600, 180).

AI-generated description

Half way to make a smiley face.

Comments

Sign in to join the discussion.

MIT Licensed