Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Part 1 of making face

Public visualization

Part 1 of making face

0 stars0🌍 Public
RRaghuram Lekkala
Last edited Dec 13, 2022
Created on Dec 13, 2022
Forked from Hello HTML

This visualization builds a simple face from basic SVG primitives, placing a yellow circle with a black stroke as the head and two smaller filled circles as eyes. The face is drawn directly in the HTML markup rather than through React components, despite the page loading both React 18 and ReactDOM for the bundled application. The SVG canvas is 960 by 500 pixels, with eye positions calculated from the center point at 480,250, offset to the left and right. The code includes a commented-out formula for centering elements based on dimensions and stroke width.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed