Fork of cara sonriente parte 1

Fork of Let's Make a Face Part I

This example shows a simple, static SVG smiley face composed of three circles: a yellow head with a black border and two black eyes. It is a React-based fork of a tutorial, with the ReactDOM render call displaying a placeholder “Hello JSX” heading. The SVG markup is embedded directly in the HTML, using explicit `cx`, `cy`, `r`, and `stroke-width` attributes to position and style the shapes, while the `index.js` file sets up the React application with `react` and `react-dom`.

LLawrence Liu

Fork of Hello HTML

This example shows a static smiley face composed of three SVG circles: a large yellow face with black outlines and two smaller eyes. It serves as a simple introduction to rendering shapes with React by loading React 16.7.0 from a CDN and logging the library to the console. The SVG elements use explicit `cx`, `cy`, `r`, and `stroke-width` attributes to position the face and eyes on a 960×500 canvas, with CSS hiding overflow. The code does not include interactive behavior or dynamic data.

RRambo Talabong

Fork of Let's Make a Face Part I

This example shows a static smiley face constructed from three SVG circles: one large yellow circle for the head and two smaller black circles for the eyes. The SVG markup is embedded directly in the HTML, while the linked React code renders only a simple “Hello JSX” heading. The visualization demonstrates a basic geometric composition using SVG primitives with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. React and ReactDOM are loaded from CDN, though the visible face does not depend on React rendering.

MMichaelSel

Fork of Let's Make a Face Part I

This example shows a simple, static smiley face built from three SVG circles: a large yellow face with a black outline and two smaller black eyes. It is a React component rendered directly to SVG using ReactDOM, with the face positioned at the center of a 960 by 500 viewport. The circles are defined with explicit `cx`, `cy`, and `r` attributes, and the face’s yellow fill and stroke are set inline. No interactive behavior or animation is present.

Bbcodington-ne

Fork of Fork of Let's Make a Face Part I

This example shows a static yellow smiley face built with a large circle for the head and two smaller circles for the eyes, all rendered in SVG. The HTML markup positions the face at the center of a 960-by-500 viewport, using explicit coordinates for each circle. The React code imports React and ReactDOM, defines a simple functional component that returns "Hello JSX," and renders it into the root element, though the SVG face is placed directly in the HTML file. The project relies on React v16.7.0 and ReactDOM, with the face serving as a visual starting point for a tutorial series.

Jjanenoxid

Fork of Let's Make a Face Part I

This example shows a simple smiley face rendered with three circles: a large yellow head and two smaller black eyes. The SVG is drawn with fixed coordinates and hardcoded stroke and fill values, using React and JSX for markup. The code directly places a 960x500 SVG element, positioning the face and eyes with absolute pixel values, and sets the body margin to zero to hide overflow. It is a minimal, static visualization that demonstrates basic SVG circle rendering without any interactive or animated behavior.

BBELLOUCH EL HASSAN

caraSonriente

A smiling face rendered as a responsive SVG that fills the browser window, with a yellow circular head, black stroke outline, and two dark eyes positioned symmetrically around the center. The face is built using React components, with each shape defined as a JSX `<circle>` element. The dimensions and positions are calculated dynamically from `window.innerWidth` and `window.innerHeight`, while the mouth is implied but not drawn, leaving the face incomplete. React 16.9.0 and ReactDOM render the SVG to the page.

Jjamartinez-ltcam

Fork of Hello HTML

This example draws a simple smiley face using React and SVG. It renders three circles—a large yellow head with a black stroke, and two smaller black circles for eyes—positioned according to computed coordinates derived from the canvas dimensions. The code uses React 18.2 and ReactDOM to render an SVG element, with circle properties like `cx`, `cy`, `r`, and `stroke-width` defined directly in the JSX. The visualization is a static, procedural composition without external data.

Ggktb