Skip to main content
SimilarExport ZIP
100%

Document

✓ Published0🌍 Public
NNikkko1
Last edited May 13, 2022
Created on May 13, 2022
Forked from Hello HTML

This example shows a simple yellow smiley face rendered as three SVG circles on a black-outlined background. The static visualization uses hard-coded coordinates and radii, with two small black circles for eyes and a larger filled circle for the face. The page is built with React 18.1.0, loaded from a UMD CDN, and draws directly to an inline SVG element using basic circle attributes like `cx`, `cy`, `r`, `fill`, and `stroke`. No data source or interactive behavior is present.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Circle Part I

This example displays a simple smiley face drawn with three SVG circles on a yellow background. The main circle forms the face, while two smaller circles serve as eyes. The visualization uses React 17, loaded via UMD, and renders entirely through declarative SVG elements within an HTML page. The face is centered in a 960 by 500 viewport, with the body styled for large text display. No interactive behavior or data binding is implemented; the graphic is static, defined directly in the markup.

CConrad F D'Cruz
90% match
Loading thumbnail…

Smiley face partI

This example shows a simple yellow smiley face composed of three SVG circles: one large face and two smaller eyes, drawn on a 960x500 canvas. The visualization uses static React markup within an HTML page, with React and ReactDOM loaded from CDN. It relies on SVG circle elements with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes, producing a minimal demonstration of declarative component rendering without interactivity or data input.

Mmario-iurlaro
90% match
Loading thumbnail…

Smiley Face

This example shows a simple smiley face rendered as a static SVG graphic. A large yellow circle forms the head, with two smaller black circles representing the eyes; the mouth is not drawn in this version. The visualization uses React 18.2.0 via a UMD script tag, though the SVG elements are written directly in the HTML markup rather than generated through React components. The code sets the SVG viewport to 960 by 500 pixels and applies basic styling for the circle fills and stroke.

AAndres Perdomo
89% match
Loading thumbnail…

Smiley Face Part 1

This example shows a static smiley face composed of three SVG circles: two black eyes and one yellow face outlined in black. The visualization is rendered using React, with direct SVG markup inside an HTML document. The circles are positioned using fixed coordinates (`cx`, `cy`, `r`) within a 960×500 viewport, and the styling uses standard SVG presentation attributes like `fill`, `stroke`, and `stroke-width`. The code loads React from a UMD build and includes a minimal JavaScript file that only imports the library, demonstrating a simple, non-interactive SVG rendering case.

Jjonasjuhler
89% match
Loading thumbnail…

MakingASmileyFace

A static SVG smiley face is drawn on a yellow circle with black outlines, featuring two black eye circles and an implied mouth. The example demonstrates basic React setup by loading React and ReactDOM from a CDN, though the rendering itself relies on plain SVG markup inside the HTML. The visualization uses hardcoded coordinates for the circle centers, radii, and stroke widths, with the main face centered at (480, 250) and eyes offset horizontally. No interactivity or data binding is present; the code simply displays the fixed graphic.

TTheodora Dowglass
89% match
Loading thumbnail…

Hello HTML

This example shows a simple yellow smiley face drawn as a static SVG graphic. It uses raw SVG elements—two black circles for eyes and a large yellow circle for the face—without any smile or interactive behavior. The visualization is built with React 16.9.0 loaded via a UMD script, though React is not actually used to render the SVG; the markup is hardcoded in the HTML file. The SVG canvas is set to 960 by 500 pixels, and all shapes are positioned with fixed coordinates.

Xxuys1
89% 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
89% match
Loading thumbnail…

Hello HTML

This example displays a simple yellow smiley face made of three SVG circles on a 960-by-500 canvas. It uses React 18.2.0 via UMD builds to render static SVG elements defined directly in the HTML markup. The code imports React and ReactDOM to log the React object, while the visible visualization relies on native SVG circle elements with explicit positioning and styling. No interactive behavior or data processing occurs.

XXiaofan Jiao
89% match