Skip to main content
SimilarExport ZIP
100%

Smiley Face Part 1

✓ Published0🌍 Public
Yyodadroid
Last edited Sep 29, 2020
Created on Sep 26, 2020
Forked from Hello HTML

The visualization displays a fixed yellow circle with a black outline and two smaller black circles positioned as eyes, forming a static smiley face. It renders directly through inline SVG markup within an HTML page, using absolute coordinates for each shape. The code loads React and ReactDOM via UMD scripts from unpkg, while the visible face itself is plain SVG without any programmatic interaction or dynamic behavior.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smiley Face part 1

A yellow circle with a thick black outline forms the face, alongside two smaller unfilled circles positioned as eyes, rendered directly in SVG within an HTML file. The example uses React 16.9.0, loaded via a UMD script, and relies on static SVG markup for the shapes rather than dynamic data or programmatic drawing. The page is set to hide overflow and remove default body margins, making the visualization fill the viewport.

HHuhej
95% match
Loading thumbnail…

Smiley Face Part 1

A static SVG smiley face rendered in a browser, showing a yellow circle with a black outline and two blank eye circles. Built with React and ReactDOM, the page loads React from a CDN and renders the graphic directly in the markup rather than through component logic, while the accompanying JavaScript code is incomplete and unused. The visualization demonstrates basic SVG shape composition with fixed coordinates for the face and eyes.

VVictor Chiagozie Ughonu
95% match
Loading thumbnail…

Smiley Face Part I

A yellow circle with a black outline and two smaller black circles for eyes sits at the center of an SVG canvas, forming a static, unfinished smiley face. The visualization uses React 17 via UMD bundles to render the SVG elements, with hard-coded coordinates for the face and eyes. The code computes eye positions relative to the center and stroke width, though the final layout is fixed. No interactive behavior or animations are present; the example simply demonstrates basic SVG shape rendering within a React component structure.

Mmara
94% match
Loading thumbnail…

Smiley Face Part I

This visualization displays a yellow circle with a black outline and two unfilled circular eyes, forming the initial components of a smiley face. The SVG markup defines the shapes directly, positioning the central face at 480,250 with a radius of 245, and placing the eye circles at offset x-coordinates. The example uses React 16.9.0 loaded via UMD, with the React library logged to the console and bundled through a separate JavaScript file.

NnimbusFarzaneh
94% match
Loading thumbnail…

Smiley face part I

A yellow circle with a black outline forms a simple smiley face, and two smaller unfilled circles serve as eyes. No mouth is rendered. The visualization is built with React 17 and renders directly as static SVG markup in the HTML body, using hard-coded `circle` elements with fixed `cx`, `cy`, and `r` attributes. The example loads React from a UMD bundle and logs the React object to the console via `index.js`.

HHarsh Vijay
94% match
Loading thumbnail…

Smiley Face Part I

A static smiley face rendered in SVG appears on a yellow circular head with black stroke, featuring two black eyes and no mouth. The visualization uses React 17.0.2 loaded via UMD script, with hardcoded circle elements placed at fixed coordinates on a 960x500 canvas. The example demonstrates basic SVG rendering through React’s createElement or JSX transformation, though no interactive behavior or data-driven updates are present.

TTegar Dimas Pradana
94% match
Loading thumbnail…

Smiley Face Part1

A static yellow circle with a black outline and two smaller circles for eyes forms a smiley face. The example is rendered as inline SVG in an HTML page, using React 18.2.0 to define the graphical elements. The code specifies the face's dimensions with explicit coordinates and radii, creating a simple vector illustration without animation or interaction.

PPranshuBarar
94% match
Loading thumbnail…

Smiley Face Part 1

A yellow circle with a black outline forms the base of a smiley face, with two smaller black circles positioned as eyes. The face is drawn using React components that render SVG shapes, with dimensions and positions calculated from center coordinates and offset constants. React 16.9.0 and ReactDOM 17.0.2 are loaded via UNPKG, and the interactive-less, static visualization is generated through declarative JSX code. The current version shows only the head and eyes, omitting the mouth as indicated by the title and file comments.

Oosaidhashmi31
94% match