Skip to main content
SimilarExport ZIP
100%

Smiley face

✓ Published0🌍 Public
Zzoehuhu-cn
Last edited Mar 25, 2022
Created on Mar 25, 2022
Forked from Hello HTML

This example shows a simple smiley face drawn as a yellow SVG circle with black outlines and two dark eye circles, rendered at the center of a 960×500 canvas. The face is built using raw SVG elements (`<circle>`) inside an HTML page, with React loaded via a script tag but not actually used in the rendering. The drawing is purely static, relying on SVG attributes like `cx`, `cy`, `r`, `fill`, and `stroke-width` to define the face and eyes without any interaction or animation.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Face pt 1

This example shows a simple yellow smiley face drawn on a fixed 960-by-500 SVG canvas, with two black circles serving as eyes and a larger yellow circle as the face outline. The code uses plain SVG elements (`circle` with `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width`) embedded directly in the HTML, alongside a React 17 UMD script that is imported via `index.js` but only logs the React object to the console. The rendering approach is static SVG, with no dynamic data or interaction.

Qquintonio1000
95% match
Loading thumbnail…

Smiley Face

This example shows a static yellow smiley face drawn with two black eyes on a plain background. The face is rendered as SVG shapes inside an HTML page. The visualization uses React and ReactDOM libraries to render the SVG elements, with the page structured as a single `<svg>` containing three `<circle>` elements for the face and eyes. The simple geometric shapes and fixed coordinates define the entire graphic without any interactive or animated behavior.

CChin-Long Shu
94% match
Loading thumbnail…

Smiley Face

This example shows a simple smiley face, drawn as three SVG circles on a 1000 by 1000 canvas. It uses React via the `react.production.min.js` script and raw SVG markup for rendering, with no external data source. The face is composed of a large yellow circle outlined in red for the head, and two smaller black circles with red strokes for the eyes. The layout is static and hard-coded, with circles positioned using explicit `cx`, `cy`, and `r` attributes.

CChirag Bansal
94% match
Loading thumbnail…

Smiley Face

This example displays a static smiley face rendered as a yellow circle with two oval eyes, each containing a black pupil, and a curved mouth implied by the SVG shapes. Constructed with React 17 and plain SVG elements, the visualization uses hard-coded circle coordinates for the face and eyes, with yellow fill, black strokes, and thick stroke widths. The SVG canvas is set to 960 by 500 pixels, and the drawing is embedded directly in HTML without any interactive behavior or data-driven updates.

Rreshali35
94% match
Loading thumbnail…

Smiley Face

This example displays a simple smiley face rendered as an SVG graphic. It shows a large yellow circle with a black outline as the face, and two smaller black circles positioned to represent the eyes. The illustration is created using raw SVG elements within an HTML page. The code defines the shapes using `<circle>` elements, setting the main face’s center, radius, fill, and stroke, while the eyes are positioned relatively based on the face’s center. The page uses CSS for basic layout, ensuring the SVG fits without margins or scrollbars. The rendering relies on the browser’s SVG support, with no additional JavaScript libraries.

Oooihuien
94% match
Loading thumbnail…

Smiley face part 1

This example displays a static yellow smiley face composed of three SVG circles, drawn on a 960-by-500 canvas with a black outline. It shows a basic vector face, but the eyes are unfilled, leaving them transparent against the page background. The rendering relies entirely on raw SVG elements embedded in an HTML file, bypassing any dynamic computation. Although the page loads the React library via a script tag, the code uses no React components or APIs; it only logs the React object to the console before drawing the shapes.

BBilly Owire
94% match
Loading thumbnail…

Smily Face

This example shows a single, static smiley face drawn as a yellow circle with two smaller black circles for eyes, rendered inside an SVG canvas. The React component returns the SVG markup directly, using `circle` elements with fixed `cx`, `cy`, and `r` attributes to position the face and eyes. It uses React 16.9 and `ReactDOM.render` to mount the component into the page’s root element. The rendering is purely declarative, with no animation or interactivity.

PPavankumar Kamath
94% match
Loading thumbnail…

Smiley Face pt. 1

This example shows a static smiley face drawn as three SVG circles: a large yellow circle for the face and two smaller black circles for the eyes, all centered on a 960-by-500 canvas. The code uses raw SVG elements inside an HTML page, with React loaded via CDN to render a separate, unused “Hello JSX” component. The face itself is not generated through React or any charting library; instead, it relies on hardcoded coordinates for each circle’s position and radius, with stroke and fill attributes controlling the outline and color.

TTay
94% match