Skip to main content
SimilarExport ZIP
100%

Smiley Face Part 1

✓ Published0🌍 Public
PPhan Nguyen
Last edited Jan 5, 2023
Created on Dec 21, 2022
Forked from Hello HTML

This example shows a simple smiley face constructed from three SVG circles on a yellow background. The face is drawn using raw SVG elements, with a large yellow circle for the head and two smaller black circles for the eyes, all placed within a 960 by 500 viewport. The code uses React 18.2.0, loaded via a UMD script tag, and renders the shapes directly in the SVG markup. A separate JavaScript file imports React and logs it to the console, though it doesn't add any interactive behavior.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley face part 1

This example shows a simple smiley face composed of three SVG circles: a large yellow head with a black outline and two smaller black eyes. It uses React 17 from a UMD build, logging the React object to the console before rendering static SVG elements. The drawing relies on hard-coded coordinates and attributes, positioning the head at center (480, 250) with a radius of 245, and the eyes offset horizontally at x-coordinates 350 and 600. No interactivity or data binding is present.

SSabbir
95% match
Loading thumbnail…

Smiley Face Part 1L

This example shows a simple smiley face constructed from three overlapping SVG circles on a yellow background. The largest circle forms the face, with two smaller circles representing the eyes, all rendered using React elements within an SVG container. The code defines fixed dimensions for the canvas, positions the circles relative to the center, and uses ReactDOM to render the component into the DOM. It uses React 18 and SVG, with no data source or interactive behavior.

MmarkAndrewRay
95% match
Loading thumbnail…

Smiley Face Part 1

This example shows a static smiley face drawn with three SVG circles: a large yellow circle for the head and two smaller black circles for eyes, all positioned within a 960 by 500 pixel viewport. The HTML file defines the SVG elements directly in markup, while the React files contain only a minimal “Hello JSX” component that is not rendered. The face itself is created using basic SVG attributes like `cx`, `cy`, `r`, and `stroke-width`, with React 18 and ReactDOM loaded via CDN but not actively used for the visualization.

Wwjnaramore
95% match
Loading thumbnail…

Smiley Face Part 1

This example displays a simple smiley face constructed from three SVG circles: a large yellow circle with a black outline for the head and two smaller black circles for eyes. The visualization is rendered directly through inline SVG markup within an HTML page. The head is positioned at the center of a 960 by 500 canvas. Although the page loads the React library and the code includes a JavaScript console log, React is not used for drawing, with all shapes defined statically in the SVG. The file includes a YouTube embed.

KKhushi Sapra
95% match
Loading thumbnail…

Smiley Face Part I

This example shows a static smiley face built from three SVG circles: a large yellow face, and two smaller black eyes. The face is rendered using React 17 and SVG elements defined directly in the HTML, with the React library loaded via CDN. It demonstrates basic SVG circle positioning and styling within a fixed 960 by 500 coordinate system. The code includes minimal React setup, though the rendered output does not depend on React’s rendering logic for the visible drawing.

Qqueens-lab
95% match
Loading thumbnail…

Smiley face part 1

This example shows a simple yellow smiley face constructed from three SVG circles: a large filled circle for the head and two smaller circles for the eyes, all with a thick black stroke. The visualization is rendered as static SVG within an HTML page, with the face centered by hard-coded coordinates. It uses React and ReactDOM in the JavaScript, though the drawing itself is plain SVG markup in the `index.html` file rather than being generated programmatically.

Bboualichaimaa
95% match
Loading thumbnail…

Smiley Face Part I

This example shows a static smiley face composed of three SVG circles: a yellow face with a black outline and two black eyes. The code uses React 17 via a UMD build and renders the shapes directly in an SVG element with explicit coordinates for each circle’s center and radius. No smile or other features are drawn. The page is a bare HTML setup with inline CSS to remove margins and hide overflow, and the SVG is sized at 960 by 500 pixels.

MMeghas Mukombo
95% match
Loading thumbnail…

Smiley Face Part 1

This example displays a yellow smiley face drawn with SVG primitives: a large circle for the head and two smaller circles for the eyes, all centered on a 960 by 500 canvas. It uses React 18.2.0 from a UMD build, but the visualization itself is static markup in the HTML, with JavaScript only logging “React” to the console. The SVG elements are intentionally positioned, with the head stroked in black and a comment noting the vertical centering calculation. No smile is present yet, reflecting its “Part 1” status.

VVIBHANSHU RAI
95% match