Skip to main content
SimilarExport ZIP
100%

Smile face 1

✓ Published0🌍 Public
Nnikhilkashid3593
Last edited Nov 5, 2021
Created on Nov 5, 2021
Forked from Hello HTML

A simple SVG smiley face rendered with two black eyes and a yellow circular head outlined in black. The face lacks a mouth, showing only the head and eyes. The visualization is built using React in an HTML page, with SVG circle elements defining the head and eyes at fixed coordinates within a 960 by 500 viewport. The code imports React and logs a message, but applies no interactive or data-driven behavior.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smile Face

A smiling face is drawn using two black eye circles on a yellow circular head with a black outline. The illustration is rendered as static Scalable Vector Graphics (SVG) elements within an HTML page. The code uses the React library, loaded via a UMD script, although the SVG drawing itself is defined declaratively in the markup. The example demonstrates basic geometric shape composition without any interactive or animated behavior.

Ssofiamourap
92% match
Loading thumbnail…

Smile

This smiley face visualization displays a simple, static facial graphic composed of three geometric shapes: a large yellow circle for the head and two smaller black-outlined circles for the eyes. The image is rendered directly as inline SVG elements within the HTML. The code imports React 17 and ReactDOM, though it relies primarily on raw SVG markup—including circle properties like `cx`, `cy`, `r`, and `stroke-width`—rather than dynamic React components or JavaScript-driven data, working as a fixed, minimal illustration.

NNclKgn
92% match
Loading thumbnail…

Smiley v1

A minimalist smiley face rendered in SVG with React. The visualization displays a yellow circle with a black outline, two simple eyes, and the beginning of a mouth, shown as an incomplete arc that stops midway across the face. The rendering uses React 17 and ReactDOM to manage the SVG elements directly inside a static HTML page. The code constructs the face with fixed coordinates for the circles, without any interactive behavior or data-driven updates.

Ssamuelsimkai
91% 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
91% match
Loading thumbnail…

Smile Face Part I

A single yellow smiley face rendered as static SVG circles sits centered on a black-bordered canvas. The code draws the face using three circle elements: one large yellow circle for the head and two smaller black circles for the eyes, with no mouth or animation visible. It uses React 16.7.0, loaded via CDN, but only logs the React object to the console without applying any React components to the SVG. The example demonstrates a minimal hand-coded SVG composition within an HTML page.

DDanilo Eduardo
91% match
Loading thumbnail…

Smily face

A smiling face rendered in SVG, with a large yellow circle for the head, outlined in black, and a smaller black circle for an eye. The face appears centered on a white canvas with no additional features or interactivity. The visualization is a static, minimalist composition created with HTML structure, supported by React and ReactDOM libraries. The SVG drawing is implemented directly in the markup, using basic geometric shapes without any computed data or animation. The example demonstrates a simple, single-frame graphic output.

Kkhiantona
91% match
Loading thumbnail…

smile face

A smiling face is drawn as a large yellow circle with a black outline, accompanied by two smaller black circles for eyes. The visualization relies on static SVG shapes rendered within a 960 by 500 pixel viewport. The code uses raw SVG elements—`circle` for the face and eyes—placed directly in the HTML, with React loaded via a CDN script but not actively utilized for rendering. The minimalist styling hides page margins and scrollbars to focus solely on the graphic.

Ssaranraj
91% match
Loading thumbnail…

Smiley Face

A simple smiley face rendered with React and SVG. Three circles create the face and eyes on a 960 by 500 canvas, with the main face filled in yellow and outlined with a thick black stroke. The code uses React 18.2.0 and ReactDOM to render a separate "Hello" heading, while the face itself is drawn as raw SVG markup within the HTML body. The SVG is generated from static coordinates, showing a basic composition of graphical primitives without interactive behavior.

RRamakrishna Katragadda
91% match